v1.0

- added task rendering instead of molecule
- fied a lot of errors
- changes experiment page to show generic experiment info

src/Components/ListCard/TeamListCard/TeamInMachineCard/TeamInMachine.tsx

@@ -1,16 +1,26 @@
-import { Card, Text, UnstyledButton } from "@mantine/core";
-import { IconCancel, IconCheck, IconTrash } from "@tabler/icons-react";
-import type { MouseEvent } from "react";
+import { Card, NumberInput, Text, UnstyledButton } from "@mantine/core";
+import {
+  IconCancel,
+  IconCheck,
+  IconPencil,
+  IconTrash,
+} from "@tabler/icons-react";
+import { useState, type MouseEvent } from "react";
 import { notifications } from "@mantine/notifications";
 import type { SystemTeamData, SystemWithTeams } from "Types/Machine/Machine";
-import { removeSystemFromTeam } from "Api/QuantumBackend/MachineManagment";
+import {
+  giveSystemToTeam,
+  removeSystemFromTeam,
+} from "Api/QuantumBackend/MachineManagment";
 import { useDeviceStore } from "Stores/DeviceStore";
 
 function TeamInMachineListCard(props: {
   team: SystemTeamData;
   system: SystemWithTeams;
 }) {
+  const [isEditing, setIsEditing] = useState(false);
   const { updateDevice } = useDeviceStore();
+  const [count, setCount] = useState(props.team.num_qubits);
 
   const handleRemovePerm = () => {
     // TODO: fix delete
@@ -76,7 +86,69 @@ function TeamInMachineListCard(props: {
           flexDirection: "row",
         }}
       >
-        <Text>Количество кубит: {props.team.num_qubits}</Text>
+        {isEditing && (
+          <>
+            <Text>Количество кубит: </Text>
+            <NumberInput
+              value={count}
+              onChange={(ev) => {
+                setCount(Number(ev.valueOf()));
+              }}
+            ></NumberInput>
+            <UnstyledButton
+              onClick={() => {
+                giveSystemToTeam({
+                  system_id: props.system.system.id,
+                  team_id: props.team.team.team_id,
+                  qubits_given: count,
+                }).then(() => {
+                  const team = props.system.teams.find((t) => {
+                    return t.team.team_id == props.team.team.team_id;
+                  });
+                  if (team) {
+                    const updatedItem = { ...team, num_qubits: count };
+
+                    // Create new array with the updated item in the same position
+                    const updatedItems = props.system.teams.map(
+                      (currentItem) =>
+                        currentItem.team.team_id === team.team.team_id
+                          ? updatedItem
+                          : currentItem,
+                    );
+
+                    updateDevice(props.system.system.id, {
+                      teams: updatedItems,
+                    });
+                  }
+
+                  setIsEditing(false);
+                });
+              }}
+            >
+              <IconCheck size={25} />
+            </UnstyledButton>
+            <UnstyledButton
+              onClick={() => {
+                setCount(props.team.num_qubits);
+                setIsEditing(false);
+              }}
+            >
+              <IconCancel size={25} />
+            </UnstyledButton>
+          </>
+        )}
+        {!isEditing && (
+          <>
+            <Text>Количество кубит: {count}</Text>
+            <UnstyledButton
+              onClick={() => {
+                setIsEditing(true);
+              }}
+            >
+              <IconPencil size={25} />
+            </UnstyledButton>
+          </>
+        )}
       </Card.Section>
       <Card.Section
         inheritPadding