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"> <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center">
{item?.icon} {item?.icon}
</div> </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> <p className="font-normal text-xs text-secondary-text-color">قیمت لحظه ای</p>
<div className="flex flex-row gap-2 items-end"> <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-medium text-xl text-secondary-text-color">{filterNumber(55803)}</p>
<p className="font-normal text-xs text-secondary-text-color">تومان</p> <p className="font-normal text-xs text-secondary-text-color">تومان</p>
</div> </div>
</div> </div> */}
</div> : <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center"> </div> : <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center">
{item?.icon} {item?.icon}
</div>} </div>}
@@ -33,9 +33,10 @@ export const StatusBoxItem: FC<Props> = ({ item, detail = false }) => {
)} )}
{item?.name === "dollar" && ( {item?.name === "dollar" && (
<span className="text-lg font-normal flex items-center gap-x-1"> <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)} {filterNumber(item?.value)}
</span> </span>
تومان
</span> </span>
)} )}
{item?.name !== "coin" && item?.name !== "dollar" && item?.value} {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[] | []>([]) const [statusData, setStatusData] = useState<StatusBoxItemInterface[] | []>([])
useEffect(() => { useEffect(() => {
setStatusData([{ setStatusData([
name: "dollar", {
title: "دارایی دلاری", name: "dollar",
icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />, title: "دارایی تومانی",
value: data?.data?.user?.dollarBalance icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />,
}, value: data?.data?.user?.walletBalance
{ },
name: "coin", {
title: "دارایی از تمدید اشتراک", name: "coin",
icon: <Coin1 color="#292D32" variant="Bold" className="size-[40px]" />, title: "دارایی از تمدید اشتراک",
value: data?.data?.user?.walletBalance icon: <Coin1 color="#292D32" variant="Bold" className="size-[40px]" />,
}, value: data?.data?.user?.walletBalance
{ },
name: "star", {
title: "امتیاز شرکت در قرعه کشی", name: "star",
icon: <Star color="#292D32" variant="Bold" className="size-[40px]" />, title: "امتیاز شرکت در قرعه کشی",
value: data?.data?.user?.score icon: <Star color="#292D32" variant="Bold" className="size-[40px]" />,
}, value: data?.data?.user?.score
{ },
name: "radar", {
title: "تعداد کل دستگاه ثبت شده موفق", name: "radar",
icon: <Radar color="#292D32" variant="Bold" className="size-[40px]" />, title: "تعداد کل دستگاه ثبت شده موفق",
value: data?.data?.installedDevice icon: <Radar color="#292D32" variant="Bold" className="size-[40px]" />,
}]) value: data?.data?.installedDevice
}])
}, [data]) }, [data])
useEffect(() => { useEffect(() => {
src/components/wallet/wallet-page.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ export const WalletPage = () => {
useEffect(() => { useEffect(() => {
setStatusData([{ setStatusData([{
name: "dollar", name: "dollar",
title: "دارایی دلاری", title: "دارایی تومانی",
icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />, icon: <DollarCircle color="#292D32" variant="Bold" className="size-[40px]" />,
value: data?.data?.user?.dollarBalance, value: data?.data?.user?.dollarBalance,
detail: true detail: true