feat: ingredient product

src/views/dashboards/crm/DistributedBarChartOrder.tsx

@@ -16,6 +16,7 @@ import { formatShortCurrency } from '../../../utils/transform'
 type Props = {
   title: string
   value: number
+  isCurrency: boolean
   isLoading: boolean
   avatarIcon: string
   avatarSkin?: CustomAvatarProps['skin']
@@ -26,12 +27,12 @@ type Props = {
 const DistributedBarChartOrder = ({
   title,
   value,
+  isCurrency = false,
   isLoading,
   avatarIcon,
   avatarSkin,
   avatarColor
 }: Props) => {
-
   if (isLoading) {
     return <Skeleton sx={{ bgcolor: 'grey.100' }} variant='rectangular' width={300} height={118} />
   }
@@ -45,7 +46,7 @@ const DistributedBarChartOrder = ({
               {title}
             </Typography>
             <Typography color='text.primary' variant='h4'>
-              {formatShortCurrency(value)}
+              {isCurrency ? 'Rp ' + formatShortCurrency(value) : formatShortCurrency(value)}
             </Typography>
           </div>
           <CustomAvatar variant='rounded' skin={avatarSkin} size={52} color={avatarColor}>