handle just one item is active

2024-10-23 01:53:33 +03:30
parent 7c14323126
commit 09532bc47d
5 changed files with 37 additions and 8 deletions
@@ -1,13 +1,29 @@
+import { useState } from "react";
 import Cards from "./cards";
 import Head from "./head";
 import List from "./List";

 function Bank({ data, loading }) {
+  const [list, setList] = useState(data);
+
+  const changeStatus = (value, id) => {
+    let newList = list;
+    if (value) {
+      newList = newList.map((item, idx) => {
+        return {
+          ...item,
+          status: item.id === id ? value : false,
+        };
+      });
+    }
+    setList(newList);
+  };
+
  return (
    <div className="opacity-page">
      <Head />
-      <List data={data} loading={loading} />
-      <Cards data={data} loading={loading} />
+      <List data={list} loading={loading} changeStatus={changeStatus} />
+      <Cards data={list} loading={loading} changeStatus={changeStatus} />
    </div>
  );
 }