Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

refactor(console): update onboarding connector template (#3502)

Browse source
This commit is contained in:
Xiao Yijun 2023-03-19 14:36:29 +08:00 committed by GitHub
parent 998be42978
commit 19edaf7d17
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/console/src/onboarding/assets/images/social-azure-ad.svg
View file

@ -1,17 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_390_81327)">
<path d="M9.25 7.74518V12.2452L10 17.0277L19.8925 10.6677L16 8.49518L9.25 7.74518Z" fill="#53B1E0"/>
<path d="M22 13.1352L10 20.9177L9.25 19.7452L10 18.4327L20.6675 11.5752L22 13.1352ZM10 -0.924805L9.25 3.9952L10 8.3552L19.8925 10.6677L10 -0.924805Z" fill="url(#paint0_linear_390_81327)"/>
<path d="M9.99998 8.35522L3.99998 8.49522L0.107483 10.6677L9.99998 17.0277V8.35522Z" fill="#9CEBFF"/>
<path d="M-0.6675 11.5752L10 18.4327V20.9177L-2 13.1352L-0.6675 11.5752ZM0.1075 10.6677L10 8.3552V-0.924805L0.1075 10.6677Z" fill="#50E6FF"/>
</g>
<defs>
<linearGradient id="paint0_linear_390_81327" x1="6.175" y1="1.7952" x2="15.875" y2="16.8452" gradientUnits="userSpaceOnUse">
<stop stop-color="#54AEF0"/>
<stop offset="1" stop-color="#3499E4"/>
</linearGradient>
<clipPath id="clip0_390_81327">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 995 B

6
packages/console/src/onboarding/assets/images/social-google.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6 10.2274C19.6 9.51831 19.5364 8.83649 19.4182 8.18195H10V12.0501H15.3818C15.15 13.3001 14.4455 14.3592 13.3864 15.0683V17.5774H16.6182C18.5091 15.8365 19.6 13.2729 19.6 10.2274Z" fill="#4285F4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 19.9998C12.7 19.9998 14.9636 19.1044 16.6181 17.5771L13.3863 15.068C12.4909 15.668 11.3454 16.0226 9.99996 16.0226C7.39542 16.0226 5.19087 14.2635 4.40451 11.8998H1.0636V14.4908C2.70905 17.7589 6.09087 19.9998 9.99996 19.9998Z" fill="#34A853"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.40455 11.8999C4.20455 11.2999 4.09091 10.659 4.09091 9.99994C4.09091 9.34085 4.20455 8.69994 4.40455 8.09994V5.50903H1.06364C0.386364 6.85903 0 8.38631 0 9.99994C0 11.6136 0.386364 13.1409 1.06364 14.4909L4.40455 11.8999Z" fill="#FBBC05"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 3.97727C11.4681 3.97727 12.7863 4.48182 13.8227 5.47273L16.6909 2.60455C14.9591 0.990909 12.6954 0 9.99996 0C6.09087 0 2.70905 2.24091 1.0636 5.50909L4.40451 8.1C5.19087 5.73636 7.39542 3.97727 9.99996 3.97727Z" fill="#EA4335"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
packages/console/src/onboarding/pages/SignInExperience/options.tsx
View file

@ -13,8 +13,8 @@ import type {
import { Authentication } from '@/onboarding/types'; import { Authentication } from '@/onboarding/types';
import Apple from '../../assets/images/social-apple.svg'; import Apple from '../../assets/images/social-apple.svg';
import AzureAd from '../../assets/images/social-azure-ad.svg';
import Facebook from '../../assets/images/social-facebook.svg'; import Facebook from '../../assets/images/social-facebook.svg';
import Google from '../../assets/images/social-google.svg';
import Kakao from '../../assets/images/social-kakao.svg'; import Kakao from '../../assets/images/social-kakao.svg';
import Oidc from '../../assets/images/social-oidc.svg'; import Oidc from '../../assets/images/social-oidc.svg';
import Smal from '../../assets/images/social-smal.svg'; import Smal from '../../assets/images/social-smal.svg';
@ -69,8 +69,8 @@ export const fakeSocialTargetOptions: MultiCardSelectorOption[] = [
disabledTip: 'cloud.sie.connectors.unlocked_later_tip', disabledTip: 'cloud.sie.connectors.unlocked_later_tip',
}, },
{ {
icon: <AzureAd />, icon: <Google />,
title: <DangerousRaw>Azure Ad</DangerousRaw>, title: <DangerousRaw>Google</DangerousRaw>,
value: 'fake-azure-ad', value: 'fake-azure-ad',
tag: 'cloud.sie.connectors.unlocked_later', tag: 'cloud.sie.connectors.unlocked_later',
isDisabled: true, isDisabled: true,