prevent user from changing avatar if it is google or discord user

radekm2000 · May 8, 2024 · 8de0669 · 8de0669
1 parent 504a6fe
commit 8de0669
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 24 deletions.
diff --git a/client/ecommerce/src/components/pages/EditProfile.tsx b/client/ecommerce/src/components/pages/EditProfile.tsx
@@ -17,6 +17,7 @@ import toast from "react-hot-toast";
 import { useLocation } from "wouter";
 import { useFetchUserInfo } from "../../hooks/useFetchUserInfo";
 import { RenderAvatar } from "../RenderAvatar";
+import { isAbleToChangeAvatar } from "../../utils/checkIfUserCanChangeAvatar";
 
 type FormData = {
   country: string;
@@ -135,30 +136,31 @@ export const EditProfile = () => {
               ) : (
                 <RenderAvatar width="64px" height="64px" user={user} />
               )}
-
-              <Button
-                component="label"
-                size="small"
-                variant="outlined"
-                sx={{
-                  border: "1px solid #007782",
-                  textTransform: "none",
-                  padding: "8px",
-                  color: "#007782",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  height: "40%",
-                }}
-              >
-                Choose photo
-                <Input
-                  id="upload-photo"
-                  name="upload-photo"
-                  type="file"
-                  style={{ display: "none" }}
-                  onChange={(e) => handleAvatarChange(e)}
-                />
-              </Button>
+              {isAbleToChangeAvatar(user) && (
+                <Button
+                  component="label"
+                  size="small"
+                  variant="outlined"
+                  sx={{
+                    border: "1px solid #007782",
+                    textTransform: "none",
+                    padding: "8px",
+                    color: "#007782",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    height: "40%",
+                  }}
+                >
+                  Choose photo
+                  <Input
+                    id="upload-photo"
+                    name="upload-photo"
+                    type="file"
+                    style={{ display: "none" }}
+                    onChange={(e) => handleAvatarChange(e)}
+                  />
+                </Button>
+              )}
             </Box>
           </Box>
           <Box

diff --git a/client/ecommerce/src/utils/checkIfUserCanChangeAvatar.ts b/client/ecommerce/src/utils/checkIfUserCanChangeAvatar.ts
@@ -0,0 +1,5 @@
+import { User } from "../types/types";
+
+export const isAbleToChangeAvatar = (user: User) => {
+  return user.googleId !== null || user.role !== "discordUser";
+};