Disable inputs and selects if the user is teacher

codiumkg · May 24, 2024 · b4de5b7 · b4de5b7
1 parent d6800bc
commit b4de5b7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/components/shared/CustomInput/CustomInput.tsx b/src/components/shared/CustomInput/CustomInput.tsx
@@ -5,6 +5,7 @@ import {
   forwardRef,
 } from "react";
 import { Input } from "@nextui-org/react";
+import useIsTeacher from "@/hooks/useIsTeacher";
 
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
   name: string;
@@ -13,14 +14,25 @@ interface Props extends InputHTMLAttributes<HTMLInputElement> {
   placeholder?: string;
   label?: string;
   errorMessage?: string;
+  isViewOnly?: boolean;
   onChangeCallback?: (value: string) => void;
 }
 
 const CustomInput: FC<Props> = forwardRef<HTMLInputElement, Props>(
   function InputCustom(
-    { value, placeholder, label, type, errorMessage, onChange },
+    {
+      value,
+      placeholder,
+      label,
+      type,
+      errorMessage,
+      onChange,
+      isViewOnly = false,
+    },
     ref?
   ) {
+    const isTeacher = useIsTeacher();
+
     return (
       <Input
         classNames={{ inputWrapper: ["bg-bgPrimary"] }}
@@ -32,6 +44,7 @@ const CustomInput: FC<Props> = forwardRef<HTMLInputElement, Props>(
         type={type}
         isInvalid={!!errorMessage}
         errorMessage={errorMessage}
+        isDisabled={isViewOnly || isTeacher}
       />
     );
   }

diff --git a/src/components/shared/CustomSelect/CustomSelect.tsx b/src/components/shared/CustomSelect/CustomSelect.tsx
@@ -1,3 +1,4 @@
+import useIsTeacher from "@/hooks/useIsTeacher";
 import { Select, SelectItem } from "@nextui-org/react";
 import { ChangeEventHandler } from "react";
 
@@ -6,6 +7,7 @@ interface Props {
   placeholder?: string;
   label: string;
   isLoading?: boolean;
+  isViewOnly?: boolean;
   options: { label: string; value: string }[];
   errorMessage?: string;
   activeValue: { label?: string; value?: string };
@@ -20,7 +22,10 @@ function CustomSelect({
   placeholder,
   isLoading,
   onChange,
+  isViewOnly = false,
 }: Props) {
+  const isTeacher = useIsTeacher();
+
   return (
     <Select
       label={label}
@@ -29,6 +34,7 @@ function CustomSelect({
       isLoading={isLoading}
       errorMessage={errorMessage}
       selectedKeys={[activeValue.value || ""]}
+      isDisabled={isViewOnly || isTeacher}
     >
       {options.map((option) => (
         <SelectItem