plan free

src/app/products/components/ServiceHeader.tsx

@@ -79,14 +79,19 @@ const ServiceHeader: FC<Props> = (props: Props) => {
                     <div className='text-xs whitespace-nowrap flex gap-1 items-center'>
                         <div className='flex gap-2'>
                             {
-                                finalPrice !== price && !!price &&
-                                <div className='line-through text-xs text-description'>
-                                    {NumberFormat(Number(price))}
-                                </div>
+                                price === 0 && finalPrice === 0 ?
+                                    <div className='font-bold'>رایگان</div>
+                                    :
+                                    finalPrice !== price && !!price &&
+                                    <div className='line-through text-xs text-description'>
+                                        {NumberFormat(Number(price))}
+                                    </div>
                             }
-                            <div>{NumberFormat(Number(finalPrice))}</div>
+                            {price !== 0 && <div>{NumberFormat(Number(finalPrice))}</div>}
                         </div>
-                        <span>تومان</span>
+                        {
+                            price !== 0 && <span>تومان</span>
+                        }
                     </div>
                     <Link target='_blank' href={`${isLogin ? CONSOLE_URL + `/other-service/buy/${data?.id}/${planSelected}` : CONSOLE_URL + '/auth/login'}?redirect=${CONSOLE_URL}/other-service/buy/${data?.id}/${planSelected}`}>
                         <Button