danak/asan-installer-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tomani

Browse Source
This commit is contained in:
hamid zarghami
2024-12-30 15:29:18 +03:30
parent c36ca85cac
commit 530552b24f
3 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/common/status-box-items.tsx
+4 -3
View File
@@ -13,13 +13,13 @@ export const StatusBoxItem: FC<Props> = ({ item, detail = false }) => {
<div className="size-16 bg-secondary-color flex justify-center rounded-full items-center">
{item?.icon}
</div>
<div className="flex flex-col gap-2">
{/* <div className="flex flex-col gap-2">
<p className="font-normal text-xs text-secondary-text-color">قیمت لحظه ای</p>
<div className="flex flex-row gap-2 items-end">
<p className="font-medium text-xl text-secondary-text-color">{filterNumber(55803)}</p>
<p className="font-normal text-xs text-secondary-text-color">تومان</p>
</div>
</div>
</div> */}
</div> : <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center">
{item?.icon}
</div>}
@@ -33,9 +33,10 @@ export const StatusBoxItem: FC<Props> = ({ item, detail = false }) => {
)}
{item?.name === "dollar" && (
<span className="text-lg font-normal flex items-center gap-x-1">
$ <span className="font-medium text-[28px] text-primary-text-color">
<span className="font-medium text-[28px] text-primary-text-color">
{filterNumber(item?.value)}
</span>
تومان
</span>
)}
{item?.name !== "coin" && item?.name !== "dollar" && item?.value}
src/components/home/status-box.tsx
+25 -24
View File
@@ -15,30 +15,31 @@ export const StatusBox = () => {
const [statusData, setStatusData] = useState<StatusBoxItemInterface[] | []>([])
useEffect(() => {
setStatusData([{
name: "dollar",
title: "دارایی دلاری",
icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.dollarBalance
},
{
name: "coin",
title: "دارایی از تمدید اشتراک",
icon: <Coin1 color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.walletBalance
},
{
name: "star",
title: "امتیاز شرکت در قرعه کشی",
icon: <Star color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.score
},
{
name: "radar",
title: "تعداد کل دستگاه ثبت شده موفق",
icon: <Radar color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.installedDevice
}])
setStatusData([
{
name: "dollar",
title: "دارایی تومانی",
icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.walletBalance
},
{
name: "coin",
title: "دارایی از تمدید اشتراک",
icon: <Coin1 color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.walletBalance
},
{
name: "star",
title: "امتیاز شرکت در قرعه کشی",
icon: <Star color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.score
},
{
name: "radar",
title: "تعداد کل دستگاه ثبت شده موفق",
icon: <Radar color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.installedDevice
}])
}, [data])
useEffect(() => {
src/components/wallet/wallet-page.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ export const WalletPage = () => {
useEffect(() => {
setStatusData([{
name: "dollar",
title: "دارایی دلاری",
title: "دارایی تومانی",
icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.dollarBalance,
detail: true