Fixed cytoscape loading problem and sourcenode as trigger copy issue

frontend/src/components/AppFramework.jsx

@@ -31,8 +31,8 @@ import {
   Delete as DeleteIcon,
 } from "@mui/icons-material";
 
-import * as edgehandles from "cytoscape-edgehandles";
-import * as cytoscape from "cytoscape";
+import edgehandles from "cytoscape-edgehandles";
+import cytoscape from "cytoscape";
 import { toast } from 'react-toastify';
 
 cytoscape.use(edgehandles);

frontend/src/components/AppGrid.jsx

@@ -18,7 +18,7 @@ import { toast } from "react-toastify"
 import ClearIcon from '@mui/icons-material/Clear';
 import Box from '@mui/material/Box';
 
-import noImage from "../no_image.png"
+// import noImage from "../no_image.png"
 
 import CircularProgress from '@mui/material/CircularProgress';
 
@@ -89,6 +89,7 @@ const AppGrid = (props) => {
   const innerColor = "rgba(255,255,255,0.65)";
   const borderRadius = 3;
   window.title = "Shuffle | Apps | Find and integrate any app";
+  const noImage = "/public/no_image.png";
 
 
   const submitContact = (email, message) => {

frontend/src/components/FilterCSS.css

@@ -0,0 +1,85 @@
+/* Style for the outer container */
+.ais-RefinementList {
+    justify-content: center;
+  }
+  
+  /* Style for the list */
+  .ais-RefinementList-list {
+    list-style-type: none;
+    padding: 0;
+  }
+  
+  /* Style for each list item */
+  .ais-RefinementList-item {
+    margin-bottom: 5px;
+  }
+  
+  /* Style for label */
+  .ais-RefinementList-label {
+    cursor: pointer;
+    display: flex;
+    gap: 5px;
+  }
+  
+  /* Style for checkbox */
+  .ais-RefinementList-checkbox {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 16px;
+    height: 16px;
+    border: 1px solid #595b5e;
+    border-radius: 4px;
+    background-color: #27292d;
+    cursor: pointer;
+    flex-shrink: 0;
+    margin-top: "10px";
+  }
+  
+  .ais-RefinementList-checkbox:checked {
+    background-color: rgb(248, 103, 67);
+    border-color: rgb(248, 103, 67);
+    width: 16px;
+    height: 16px;
+  }
+  
+  /* Style for checked state - inner dot */
+  .ais-RefinementList-checkbox:checked::before {
+    content: "\2714";
+    display: block;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    line-height: 18px;
+    color: #fff;
+    font-size: 14px;
+  }
+  
+  /* Style for hover state */
+  /* .ais-RefinementList-checkbox:hover {
+    border-color: rgb(248, 103, 67);
+  } */
+  
+  /* Style for label text */
+  .ais-RefinementList-labelText {
+    /* margin-left: 5px; */
+    font-size: 16px;
+    display: inline-flex;
+    flex-direction: row;
+    cursor: pointer;
+  }
+  
+  /* Style for count */
+  .ais-RefinementList-count {
+    /* margin-left: 5px;
+    font-weight: bold;
+    color: gray; */
+    display: none;
+  }
+  .ais-ClearRefinements-button {
+    cursor: pointer;
+    color: rgb(248, 103, 67);
+    border: none;
+    font-size: 16px;
+    background-color: transparent;
+  }

frontend/src/components/NewHeader.jsx

@@ -103,7 +103,8 @@ const Header = (props) => {
     serverside === true || typeof window === "undefined"
       ? true
       : window.location.host === "localhost:3002" ||
-        window.location.host === "shuffler.io";
+        window.location.host === "shuffler.io"    ||
+        window.location.host === "localhost:5002";
 
   const clearNotifications = () => {
     // Don't really care about the logout