changed marketplace assets

app/src/components/layout/sidebarLeft/Assets.tsx

@@ -10,6 +10,7 @@ import arch from "../../../assets/gltf-glb/arch.glb";
 import door from "../../../assets/gltf-glb/door.glb";
 import window from "../../../assets/gltf-glb/window.glb";
 import { fetchAssets } from "../../../services/marketplace/fetchAssets";
+import { useSelectedItem } from "../../../store/store";
 interface AssetProp {
   filename: string;
   thumbnail?: string;
@@ -24,6 +25,7 @@ interface AssetProp {
   CreatedBy?: String;
 }
 const Assets: React.FC = () => {
+  const { setSelectedItem } = useSelectedItem();
   const [searchValue, setSearchValue] = useState<string>("");
   const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
   const [categoryAssets, setCategoryAssets] = useState<AssetProp[]>([]);
@@ -32,9 +34,17 @@ const Assets: React.FC = () => {
   const handleSearchChange = (value: string) => {
     setSearchValue(value);
     setSelectedCategory(null);
-    const filteredModels = filtereredAssets?.filter((model) =>
-      model.filename.toLowerCase().includes(value.toLowerCase())
-    );
+    const searchTerm = value.toLowerCase(); // Convert input to lowercase
+    const filteredModels = filtereredAssets?.filter((model) => {
+      if (!model?.tags || !model?.filename) return false;
+      if (searchTerm.startsWith(":") && searchTerm.length > 1) {
+        const tagSearchTerm = searchTerm.slice(1);
+        return model.tags.toLowerCase().includes(tagSearchTerm);
+      } else if (!searchTerm.startsWith(":")) {
+        return model.filename.toLowerCase().includes(searchTerm);
+      }
+      return false;
+    });
 
     setCategoryAssets(filteredModels);
   };
@@ -105,12 +115,11 @@ const Assets: React.FC = () => {
     } else {
       try {
         const res = await getCategoryAsset(asset);
-        setCategoryAssets(res || []); // Ensure it's always an array
-        setFiltereredAssets(res || []);
+        setCategoryAssets(res);
+        setFiltereredAssets(res);
       } catch (error) {}
     }
   };
-
   return (
     <div className="assets-container">
       <Search onChange={handleSearchChange} />
@@ -149,36 +158,38 @@ const Assets: React.FC = () => {
           {/* Back Button */}
           <div
             className="back-button"
-            onClick={() => {
-              setSelectedCategory(null);
-              setCategoryAssets([]);
-            }}
+            onClick={() => setSelectedCategory(null)}
           >
             ← Back
           </div>
           <h2>{selectedCategory}</h2>
           <div className="assets-container">
-            {searchValue ||
-              (categoryAssets &&
-                categoryAssets?.map((asset: any, index: number) => (
-                  <div key={index} className="assets">
-                    <img
-                      src={asset?.thumbnail}
-                      alt={asset.filename}
-                      className="asset-image"
-                    />
+            {categoryAssets &&
+              categoryAssets?.map((asset: any, index: number) => (
+                <div key={index} className="assets">
+                  <img
+                    src={asset?.thumbnail}
+                    alt={asset.filename}
+                    className="asset-image"
+                    onPointerDown={() =>
+                      setSelectedItem({
+                        name: asset.filename,
+                        id: asset.modelfileID,
+                      })
+                    }
+                  />
 
-                    <div className="asset-name">
-                      {asset.filename
-                        .split("_")
-                        .map(
-                          (word: any) =>
-                            word.charAt(0).toUpperCase() + word.slice(1)
-                        )
-                        .join(" ")}
-                    </div>
+                  <div className="asset-name">
+                    {asset.filename
+                      .split("_")
+                      .map(
+                        (word: any) =>
+                          word.charAt(0).toUpperCase() + word.slice(1)
+                      )
+                      .join(" ")}
                   </div>
-                )))}
+                </div>
+              ))}
           </div>
         </div>
       ) : (