UI design for tencent captcha button

Problem to solve

we need a UI design to replace reCAPTCHA in other places in JH except login and registration pages.

check where reCAPTCHA will appear in https://gitlab.com/gitlab-jh/gitlab/-/issues/94

here are some screen shots:

Proposal

added 1 deleted label

assigned to @youngbeomshin

By Kun Qian on 2021-12-20T12:52:57 (imported from GitLab)

added to epic &5253 (closed)

By Kun Qian on 2021-12-20T12:52:57 (imported from GitLab)

changed the description

By Kun Qian on 2021-12-20T12:56:23 (imported from GitLab)

added 1 design

By yongfan shen on 2021-12-22T02:28:28 (imported from GitLab)

added 1 design

By yongfan shen on 2021-12-22T02:31:39 (imported from GitLab)

added 1 design

By yongfan shen on 2021-12-22T02:31:41 (imported from GitLab)

added 1 design

By yongfan shen on 2021-12-22T02:37:47 (imported from GitLab)

added 1 design

By yongfan shen on 2021-12-22T02:38:14 (imported from GitLab)

added 1 design

By yongfan shen on 2021-12-22T02:38:17 (imported from GitLab)

Design files

Figma：#93 触发腾讯验证按钮

Prototype

按钮交互状态

description

1. The captcha button appears under the scheduled scene
2. Button shows different button states on mouse hover and click
3. After triggering the button, the status of the button changes to [Active], and Tencent captcha pops up
4. After the Tencent captcha is passed, the button status will change to [done].
5. After the captcha is completed, the page is automatically refreshed

By yongfan shen on 2021-12-22T02:50:51 (imported from GitLab)

mentioned in issue #478 (closed)

By Kun Qian on 2021-12-22T14:23:17 (imported from GitLab)

assigned to @Yongfan_Shen

unassigned @qianzhangxa

@Yongfan_Shen Have we already done with this issue? Can we close it?

cc @qk44077907

@Yongfan_Shen @qk44077907 Did you guys see my comment above?

Sorry for late reply. The design file has been submitted in the Figma by @Yongfan_Shen . Closing this issue

closed

added typefeature label and removed 1 deleted label