integrated asset properties in builder

app/src/components/layout/sidebarRight/properties/AssetProperties.tsx

@@ -1,9 +1,11 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import InputToggle from "../../../ui/inputs/InputToggle";
 import InputWithDropDown from "../../../ui/inputs/InputWithDropDown";
 import { RemoveIcon } from "../../../icons/ExportCommonIcons";
 import PositionInput from "../customInput/PositionInputs";
 import RotationInput from "../customInput/RotationInput";
+import { useselectedFloorItem } from "../../../../store/store";
+import * as THREE from "three";
 
 interface UserData {
   id: number; // Unique identifier for the user data
@@ -14,7 +16,13 @@ interface UserData {
 const AssetProperties: React.FC = () => {
   const [userData, setUserData] = useState<UserData[]>([]); // State to track user data
   const [nextId, setNextId] = useState(1); // Unique ID for new entries
+  const { selectedFloorItem } = useselectedFloorItem();
+  let xValue = selectedFloorItem.position.x;
+  let zValue = selectedFloorItem.position.z;
+  let rotationRad = selectedFloorItem.rotation.y;
+  let rotationDeg = THREE.MathUtils.radToDeg(rotationRad);
 
+  // useEffect(() => {}, [selectedFloorItem]);
   // Function to handle adding new user data
   const handleAddUserData = () => {
     const newUserData: UserData = {
@@ -45,12 +53,16 @@ const AssetProperties: React.FC = () => {
   return (
     <div className="asset-properties-container">
       {/* Name */}
-      <div className="header">Selected Object</div>
+      <div className="header">{selectedFloorItem.userData.name}</div>
 
       <div className="split"></div>
 
-      <PositionInput onChange={() => { }} />
-      <RotationInput onChange={() => { }} />
+      <PositionInput
+        onChange={() => {}}
+        value1={xValue.toFixed(5)}
+        value2={zValue.toFixed(5)}
+      />
+      <RotationInput onChange={() => {}} value={rotationDeg} />
 
       <div className="split"></div>