first commit

2025-03-25 11:47:41 +05:30
commit 61b3c4ee2c
211 changed files with 36430 additions and 0 deletions
--- a/app/src/components/layout/3D-cards/cards/StateWorking.tsx
+++ b/app/src/components/layout/3D-cards/cards/StateWorking.tsx
@@ -0,0 +1,42 @@
+import { Html } from "@react-three/drei";
+import image from "../../../../assets/image/temp/image.png";
+const StateWorking = () => {
+  const datas = [
+    { key: "Oil Tank:", value: "24/341" },
+    { key: "Oil Refin:", value: 36.023 },
+    { key: "Transmission:", value: 36.023 },
+    { key: "Fuel:", value: 36732 },
+    { key: "Power:", value: 1300 },
+    { key: "Time:", value: 13 - 9 - 2023 },
+  ];
+  return (
+    <Html position={[0, 0, 0]} transform occlude>
+      <div className="stateWorking-wrapper card">
+        <div className="header-wrapper">
+          <div className="header">
+            <span>State</span>
+            <span>
+              Working <span>.</span>
+            </span>
+          </div>
+          <div className="img">
+            <img src={image} alt="" />
+          </div>
+        </div>
+        {/* Data */}
+        <div className="data-wrapper">
+          {datas.map((data, index) => (
+            <div className="data-table" key={index}>
+              <div className="data">{data.key}</div>
+              <div className="key">{data.value}</div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </Html>
+  );
+};
+
+export default StateWorking;
+
+