From 796a8dccd2807890abdff7c8dacf8b2246eb265e Mon Sep 17 00:00:00 2001
From: Blake Matthes <cowchmonkey@gmail.com>
Date: Sat, 6 Sep 2025 09:00:46 -0500
Subject: [PATCH] refactor(silo card): changes to allow viewers to see and able
 to attach and detach

---
 .../logistics/siloAdjustments/SiloCard.tsx    | 185 +++++++++++-------
 1 file changed, 109 insertions(+), 76 deletions(-)

diff --git a/frontend/src/components/logistics/siloAdjustments/SiloCard.tsx b/frontend/src/components/logistics/siloAdjustments/SiloCard.tsx
index 67b4b63..1b788f1 100644
--- a/frontend/src/components/logistics/siloAdjustments/SiloCard.tsx
+++ b/frontend/src/components/logistics/siloAdjustments/SiloCard.tsx
@@ -21,13 +21,28 @@ import { toast } from "sonner";
 import ChartData from "./ChartData";
 import { AttachSilo } from "./AttachSilo";
 import { DetachSilo } from "./DetachSilo";
+import { useSessionStore } from "@/lib/store/sessionStore";
+import { useModuleStore } from "@/lib/store/useModuleStore";
+import { useGetUserRoles } from "@/lib/store/useGetRoles";
 
 export default function SiloCard(data: any) {
     const token = localStorage.getItem("auth_token");
     const [submitting, setSubmitting] = useState(false);
     const { refetch } = useQuery(getStockSilo());
+    const { user } = useSessionStore();
+    const { userRoles } = useGetUserRoles();
+    const { modules } = useModuleStore();
     const silo = data.silo;
 
+    // roles that can do the silo adjustments
+    const roles = ["systemAdmin", "technician", "admin", "manager"];
+
+    const module = modules.filter((n) => n.name === "logistics");
+
+    const accessRoles = userRoles.filter(
+        (n) => n.module_id === module[0]?.module_id
+    ) as any;
+
     const form = useForm({
         defaultValues: {
             newLevel: "",
@@ -46,7 +61,7 @@ export default function SiloCard(data: any) {
                     dataToSubmit,
                     { headers: { Authorization: `Bearer ${token}` } }
                 );
-                console.log(res.data);
+                //console.log(res.data);
 
                 if (res.data.success) {
                     toast.success(res.data.message);
@@ -70,6 +85,8 @@ export default function SiloCard(data: any) {
             }
         },
     });
+
+    console.log(accessRoles);
     return (
         <LstCard>
             <div className="flex flex-row">
@@ -109,82 +126,98 @@ export default function SiloCard(data: any) {
                                 </ul>
                             </div>
                         ) : (
-                            <form
-                                onSubmit={(e) => {
-                                    e.preventDefault();
-                                    e.stopPropagation();
-                                }}
-                            >
-                                <form.Field
-                                    name="newLevel"
-                                    validators={{
-                                        // We can choose between form-wide and field-specific validators
-                                        onChange: ({ value }) =>
-                                            value.length > 1
-                                                ? undefined
-                                                : "You must enter a value greate than 1",
-                                    }}
-                                    children={(field) => {
-                                        return (
-                                            <div className="m-2 min-w-48 max-w-96 p-2">
-                                                <div className="flex flex-row">
-                                                    <Label htmlFor="newLevel">
-                                                        New level
-                                                    </Label>
-                                                    <div>
-                                                        <Disclaimer />
-                                                    </div>
-                                                </div>
-                                                <div className="flex flex-row">
-                                                    <Input
-                                                        name={field.name}
-                                                        value={
-                                                            field.state.value
-                                                        }
-                                                        onBlur={
-                                                            field.handleBlur
-                                                        }
-                                                        type="decimal"
-                                                        onChange={(e) =>
-                                                            field.handleChange(
-                                                                e.target.value
-                                                            )
-                                                        }
-                                                    />
-                                                    <Button
-                                                        className="ml-1"
-                                                        variant="outline"
-                                                        type="submit"
-                                                        onClick={
-                                                            form.handleSubmit
-                                                        }
-                                                        disabled={submitting}
-                                                    >
-                                                        {submitting ? (
-                                                            <span className="w-24">
-                                                                Submitting...
-                                                            </span>
-                                                        ) : (
-                                                            <span className="w-24">
-                                                                Submit
-                                                            </span>
-                                                        )}
-                                                    </Button>
-                                                </div>
+                            <>
+                                {user &&
+                                    roles.includes(accessRoles[0]?.role) && (
+                                        <form
+                                            onSubmit={(e) => {
+                                                e.preventDefault();
+                                                e.stopPropagation();
+                                            }}
+                                        >
+                                            <form.Field
+                                                name="newLevel"
+                                                validators={{
+                                                    // We can choose between form-wide and field-specific validators
+                                                    onChange: ({ value }) =>
+                                                        value.length > 1
+                                                            ? undefined
+                                                            : "You must enter a value greate than 1",
+                                                }}
+                                                children={(field) => {
+                                                    return (
+                                                        <div className="m-2 min-w-48 max-w-96 p-2">
+                                                            <div className="flex flex-row">
+                                                                <Label htmlFor="newLevel">
+                                                                    New level
+                                                                </Label>
+                                                                <div>
+                                                                    <Disclaimer />
+                                                                </div>
+                                                            </div>
+                                                            <div className="flex flex-row">
+                                                                <Input
+                                                                    name={
+                                                                        field.name
+                                                                    }
+                                                                    value={
+                                                                        field
+                                                                            .state
+                                                                            .value
+                                                                    }
+                                                                    onBlur={
+                                                                        field.handleBlur
+                                                                    }
+                                                                    type="decimal"
+                                                                    onChange={(
+                                                                        e
+                                                                    ) =>
+                                                                        field.handleChange(
+                                                                            e
+                                                                                .target
+                                                                                .value
+                                                                        )
+                                                                    }
+                                                                />
+                                                                <Button
+                                                                    className="ml-1"
+                                                                    variant="outline"
+                                                                    type="submit"
+                                                                    onClick={
+                                                                        form.handleSubmit
+                                                                    }
+                                                                    disabled={
+                                                                        submitting
+                                                                    }
+                                                                >
+                                                                    {submitting ? (
+                                                                        <span className="w-24">
+                                                                            Submitting...
+                                                                        </span>
+                                                                    ) : (
+                                                                        <span className="w-24">
+                                                                            Submit
+                                                                        </span>
+                                                                    )}
+                                                                </Button>
+                                                            </div>
 
-                                                {field.state.meta.errors
-                                                    .length ? (
-                                                    <em>
-                                                        {field.state.meta.errors.join(
-                                                            ","
-                                                        )}
-                                                    </em>
-                                                ) : null}
-                                            </div>
-                                        );
-                                    }}
-                                />
-                            </form>
+                                                            {field.state.meta
+                                                                .errors
+                                                                .length ? (
+                                                                <em>
+                                                                    {field.state.meta.errors.join(
+                                                                        ","
+                                                                    )}
+                                                                </em>
+                                                            ) : null}
+                                                        </div>
+                                                    );
+                                                }}
+                                            />
+                                        </form>
+                                    )}
+                            </>
                         )}
                     </div>
                 </LstCard>