diff --git a/public/svgs/home/binary.svg b/public/svgs/home/binary.svg new file mode 100644 index 0000000..584f69e --- /dev/null +++ b/public/svgs/home/binary.svg @@ -0,0 +1,1379 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/App.tsx b/src/App.tsx index 72f5f84..5210dc1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,7 +1,11 @@ +import { Imei } from "./components/home/imei"; +import { StatusBox } from "./components/home/status-box"; + function App() { return ( -
- Hello World +
+ +
); } diff --git a/src/components/common/input.tsx b/src/components/common/input.tsx index 5b23d5b..dcf6aba 100644 --- a/src/components/common/input.tsx +++ b/src/components/common/input.tsx @@ -3,24 +3,23 @@ import React, { FC, useState } from "react" import { Input as InputComponent } from '@headlessui/react' type Props = { - style?: string, type?: React.HTMLInputTypeAttribute, placeholder: string, icon?: React.ReactNode, field?: any } -export const Input: FC = ({ placeholder, type = "text", icon, field, style }) => { +export const Input: FC = ({ placeholder, type = "text", icon, field }) => { const [hidden, setHidden] = useState(false) const handleHidden = () => setHidden(prev => !prev) return ( -
+
{type === "password" ? !hidden ? : : icon}
-
) } \ No newline at end of file diff --git a/src/components/home/imei.tsx b/src/components/home/imei.tsx new file mode 100644 index 0000000..a117645 --- /dev/null +++ b/src/components/home/imei.tsx @@ -0,0 +1,21 @@ +import { Button } from "@headlessui/react" +import { Input } from "../common/input" + +export const Imei = () => { + return ( +
+
+ binary +
+
+ +

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز +

+
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/home/status-box-items.tsx b/src/components/home/status-box-items.tsx new file mode 100644 index 0000000..7c23b1d --- /dev/null +++ b/src/components/home/status-box-items.tsx @@ -0,0 +1,30 @@ +import { FC } from "react" +import { StatusBoxItemInterface } from "../../types" +import { filterNumber } from "../../utility/status" + +type Props = { + item: StatusBoxItemInterface +} +export const StatusBoxItem: FC = ({ item }) => { + return ( +
+
+ {item?.icon} +
+
+

{item?.title}

+

+ {item?.name === "coin" &&

+ {filterNumber(item?.value)}

تومان

+

} + {item?.name === "dollar" &&

$ +

+ {filterNumber(item?.value)} +

+

} + {item?.name !== "coin" && item?.name !== "dollar" && item?.value} +

+
+
+ ) +} \ No newline at end of file diff --git a/src/components/home/status-box.tsx b/src/components/home/status-box.tsx new file mode 100644 index 0000000..9b5842f --- /dev/null +++ b/src/components/home/status-box.tsx @@ -0,0 +1,13 @@ +import { StatusBoxItemInterface } from "../../types" +import { statusBoxItems } from "../../utility/status" +import { StatusBoxItem } from "./status-box-items" + +export const StatusBox = () => { + + + return ( +
+ {statusBoxItems?.map((item: StatusBoxItemInterface) => )} +
+ ) +} \ No newline at end of file diff --git a/src/components/ui/dashboard/footer.tsx b/src/components/ui/dashboard/footer.tsx index 5ab629b..15853b5 100644 --- a/src/components/ui/dashboard/footer.tsx +++ b/src/components/ui/dashboard/footer.tsx @@ -3,7 +3,7 @@ import { socialsList } from "../../../utility/socials" export const Footer = () => { return ( -