accepted avatar file types

src/Pages/UserProfile/index.js

@@ -310,7 +310,7 @@ export default function UserProfile() {
           <Row>
             <Col span={4}>
               <Upload
-                accept={Constants.ACCEPTED_FILE_TYPES.join(",")}
+                accept={Constants.ACCEPTED_AVATAR_FILE_TYPES.join(",")}
                 action={Constants.API_ADDRESS + "/user/avatar"}
                 maxCount={1}
                 showUploadList={false}

src/utils.js

@@ -41,7 +41,12 @@ export const Constants = {
     MAX_ROLE_DESCRIPTION: 80,
   },
   MAX_AVATAR_SIZE: 5 * 1024 * 1024,
-  ACCEPTED_FILE_TYPES: ["image/png", "image/jpeg", "image/jpg"],
+  ACCEPTED_AVATAR_FILE_TYPES: [
+    "image/png",
+    "image/jpeg",
+    "image/jpg",
+    "image/gif",
+  ],
   PERMISSIONS: {
     GROUP_TASKS: {
       OVERVIEW: {