fix: fix unable to login via wechat

songquanpeng · Feb 1, 2025 · 1521df6 · 1521df6
1 parent c67b167
commit 1521df6
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 1 deletion.
diff --git a/web/default/src/components/LoginForm.js b/web/default/src/components/LoginForm.js
@@ -240,6 +240,44 @@ const LoginForm = () => {
             )}
           </Card.Content>
         </Card>
+        <Modal
+          onClose={() => setShowWeChatLoginModal(false)}
+          onOpen={() => setShowWeChatLoginModal(true)}
+          open={showWeChatLoginModal}
+          size={'mini'}
+        >
+          <Modal.Content>
+            <Modal.Description>
+              <Image src={status.wechat_qrcode} fluid />
+              <div style={{ textAlign: 'center' }}>
+                <p>
+                  微信扫码关注公众号，输入「验证码」获取验证码（三分钟内有效）
+                </p>
+              </div>
+              <Form size='large'>
+                <Form.Input
+                  fluid
+                  placeholder='验证码'
+                  name='wechat_verification_code'
+                  value={inputs.wechat_verification_code}
+                  onChange={handleChange}
+                />
+                <Button
+                  fluid
+                  size='large'
+                  style={{
+                    background: '#2F73FF', // 使用更现代的蓝色
+                    color: 'white',
+                    marginBottom: '1.5em',
+                  }}
+                  onClick={onSubmitWeChatVerificationCode}
+                >
+                  登录
+                </Button>
+              </Form>
+            </Modal.Description>
+          </Modal.Content>
+        </Modal>
       </Grid.Column>
     </Grid>
   );

diff --git a/web/default/src/components/RegisterForm.js b/web/default/src/components/RegisterForm.js
@@ -171,7 +171,7 @@ const RegisterForm = () => {
                       <Button
                         onClick={sendVerificationCode}
                         disabled={loading}
-                        style={{ backgroundColor: '#2185d0', color: 'white' }}
+                        // style={{ backgroundColor: '#2F73FF', color: 'white' }}
                       >
                         获取验证码
                       </Button>