Fix download for 3rd depth level subcircuits (#333)

* Removed the component of search bar and filter options

* Removed the file filtering-circuits

* Created a function to find circuits everywhere it is in the tree

* Ran prettier

---------

Co-authored-by: Loris Olivier <53363974+loris-maru@users.noreply.github.com>

Author: loris-olivier-obi

src/components/explore-section/Circuit/global/CircuitTable.tsx

@@ -25,6 +25,24 @@ export type CustomRowProps = {
   'data-row-key'?: string;
 };
 
+function findSelectedCircuit(
+  circuits: CircuitSchemaProps[],
+  key: string
+): CircuitSchemaProps | null {
+  for (const circuit of circuits) {
+    if (circuit.key === key) {
+      return circuit;
+    }
+    if (circuit.subcircuits) {
+      const found = findSelectedCircuit(circuit.subcircuits, key);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+}
+
 function RowWrapper({
   handleExpandRow,
   expandedRowKeys,
@@ -134,11 +152,11 @@ export default function CircuitTable({
     );
   }, []);
 
-  const selectedRows = data.flatMap((circuit) =>
-    circuit.key === selectedRowKeys[0]
-      ? [circuit]
-      : (circuit.subcircuits || []).filter((sub) => sub.key === selectedRowKeys[0])
-  );
+  const selectedRows = useMemo(() => {
+    if (!selectedRowKeys[0]) return [];
+    const selectedCircuit = findSelectedCircuit(data, selectedRowKeys[0]);
+    return selectedCircuit ? [selectedCircuit] : [];
+  }, [data, selectedRowKeys]);
 
   const renderSubcircuits = useCallback(
     (circuit: CircuitSchemaProps) =>

src/components/explore-section/Circuit/global/SubcircuitsTable.tsx

@@ -14,9 +14,8 @@ export type SubcircuitsTableProps = {
   mergedColumns: ColumnsType<CircuitSchemaProps>;
   rowSelection: TableRowSelection<CircuitSchemaProps>;
   expandedRowKeys: Key[];
-  onExpand: (expanded: boolean, row: CircuitSchemaProps) => void;
   downloadable: boolean;
-  handleExpandRow?: (expanded: boolean, row: CircuitSchemaProps) => void;
+  onExpand?: (expanded: boolean, row: CircuitSchemaProps) => void;
   selectedRows: CircuitSchemaProps[];
   selectedRowKeys: string[];
 };
@@ -26,9 +25,8 @@ export default function SubcircuitTable({
   mergedColumns,
   rowSelection,
   expandedRowKeys,
-  onExpand,
   downloadable = true,
-  handleExpandRow,
+  onExpand,
   selectedRows,
   selectedRowKeys,
 }: SubcircuitsTableProps) {
@@ -76,7 +74,7 @@ export default function SubcircuitTable({
         expandable={{
           expandedRowRender: renderSubcircuits,
           expandedRowKeys,
-          onExpand: handleExpandRow,
+          onExpand,
           expandIcon: () => null,
           rowExpandable: (record) => !!record.subcircuits && record.subcircuits.length > 0,
         }}