From 702ff7596e529ae2541620f11fb121c999e3fe0a Mon Sep 17 00:00:00 2001
From: shikelong <578622705@qq.com>
Date: Thu, 4 Nov 2021 22:27:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(setting):=20=E7=94=B1=E4=BA=8E=20gif=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=20canvas=20=E8=A3=81=E5=89=AA=E5=90=8E?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E4=BF=9D=E7=95=99=E5=8A=A8=E5=9B=BE=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E5=AF=B9=20gif=20=E6=A0=BC=E5=BC=8F=E7=9A=84?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E6=96=87=E4=BB=B6=E8=B7=B3=E8=BF=87=E8=A3=81?=
 =?UTF-8?q?=E5=89=AA=E5=A4=84=E7=90=86=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

没有添加确认的步骤。个人感觉从用户体验上来说，直接设置成功会更好一些。

issue #7
---
 web/src/components/AvatarPicker.tsx | 45 ++++++++++++++---------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/web/src/components/AvatarPicker.tsx b/web/src/components/AvatarPicker.tsx
index 61995439..4efe474d 100644
--- a/web/src/components/AvatarPicker.tsx
+++ b/web/src/components/AvatarPicker.tsx
@@ -33,31 +33,30 @@ export const AvatarPicker: React.FC<AvatarPickerProps> = React.memo((props) => {
 
       if (isGIF(pickedFile)) {
         updateAvatar(URL.createObjectURL(pickedFile));
-        return;
+      } else {
+        const reader = new FileReader();
+        reader.addEventListener('load', () => {
+          if (reader.result) {
+            const key = openModal(
+              <ModalAvatarCropper
+                imageUrl={reader.result.toString()}
+                onConfirm={(croppedImageBlobUrl) => {
+                  closeModal(key);
+                  updateAvatar(croppedImageBlobUrl);
+                }}
+              />,
+              {
+                maskClosable: false,
+                closable: true,
+              }
+            );
+          } else {
+            showToasts(t('文件读取失败'), 'error');
+          }
+        });
+        reader.readAsDataURL(pickedFile);
       }
 
-      const reader = new FileReader();
-      reader.addEventListener('load', () => {
-        if (reader.result) {
-          const key = openModal(
-            <ModalAvatarCropper
-              imageUrl={reader.result.toString()}
-              onConfirm={(croppedImageBlobUrl) => {
-                closeModal(key);
-                updateAvatar(croppedImageBlobUrl);
-              }}
-            />,
-            {
-              maskClosable: false,
-              closable: true,
-            }
-          );
-        } else {
-          showToasts(t('文件读取失败'), 'error');
-        }
-      });
-      reader.readAsDataURL(pickedFile);
-
       // 清理选中状态
       e.target.files = null;
       e.target.value = '';