permissions on FE for email settings

client/src/hooks/UseApi.tsx

@@ -21,7 +21,7 @@ const fetcher = async <T,>(url: string, config?: AxiosRequestConfig) => {
   return res.data;
 };
 export const useGet = <T,>(
-  url: string,
+  url: string | null,
   axiosConfig?: AxiosRequestConfig,
   swrConfig?: SWRConfiguration<T, Error>,
   extraConfig?: IExtraConfig
@@ -183,7 +183,7 @@ export const useDelete = <R = any,>() => {
   return { deleteFn, loading, error };
 };
 
-export const useGetOnDemand = <R = any>() => {
+export const useGetOnDemand = <R = any,>() => {
   const currentTeamId = useAppSelector((state) => state.auth.selectedTeamId);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);

client/src/pages/settings/Settings.tsx

@@ -20,6 +20,11 @@ import { systemSettingsSchema } from "@/validation/zod";
 const SettingsPage = () => {
   type FormValues = z.infer<typeof systemSettingsSchema>;
 
+  const user = useAppSelector((state) => state.auth.user);
+
+  const orgPermissions = user?.org?.permissions || [];
+  const hasMaster = orgPermissions.includes("master");
+
   const theme = useTheme();
   const dispatch = useAppDispatch();
   const timezone = useAppSelector((state) => state.ui.timezone);
@@ -35,7 +40,9 @@ const SettingsPage = () => {
   const { post, loading: posting } = usePost<Partial<FormValues>, any>();
   const { patch, loading: patching } = usePatch<Partial<FormValues>, any>();
 
-  const { response, loading } = useGet<ApiResponse<any>>("/settings");
+  const { response, loading } = useGet<ApiResponse<any>>(
+    hasMaster ? "/settings" : null
+  );
   const settings = response?.data || {};
   const initialSettings = useMemo(() => settings, [settings]);
 
@@ -84,12 +91,14 @@ const SettingsPage = () => {
           </Stack>
         }
       />
-      <SettingsForm
-        onSubmit={onSubmit}
-        onTest={onTest}
-        initialData={initialSettings}
-        loading={posting || loading || patching}
-      />
+      {hasMaster && (
+        <SettingsForm
+          onSubmit={onSubmit}
+          onTest={onTest}
+          initialData={initialSettings}
+          loading={posting || loading || patching}
+        />
+      )}
     </BasePage>
   );
 };

client/src/pages/settings/SettingsForm.tsx

@@ -1,5 +1,6 @@
 import Stack from "@mui/material/Stack";
 import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
 import { Button, TextInput, Switch, TextLink } from "@/components/inputs";
 import { ConfigBox } from "@/components/design-elements";
 
@@ -11,7 +12,8 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm, Controller, type SubmitHandler } from "react-hook-form";
 import { useInitForm } from "@/hooks/forms/UseInitSettingsForm";
 import { useEffect } from "react";
-import { Typography } from "@mui/material";
+import { useAppSelector } from "@/hooks/AppHooks";
+
 type FormValues = z.infer<typeof systemSettingsSchema>;
 
 export const SettingsForm = ({