Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-10 22:22:45 -05:00
Code Issues Activity

fix(console): fix typo for variant (#1423)

Browse source
This commit is contained in:
Wang Sijie 2022-07-06 13:16:44 +08:00 • committed by GitHub
parent 1b968973f3
commit f6be19e1e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/console/src/components/Status/index.tsx
View file

@ -6,11 +6,11 @@ import * as styles from './index.module.scss';
type Props = {
status: 'enabled' | 'disabled';
children: ReactNode;
varient?: 'plain' | 'outlined';
variant?: 'plain' | 'outlined';
};
const Status = ({ status, children, varient = 'plain' }: Props) => (
<div className={classNames(styles.status, styles[status], styles[varient])}>
const Status = ({ status, children, variant = 'plain' }: Props) => (
<div className={classNames(styles.status, styles[status], styles[variant])}>
<div className={styles.icon} />
<div>{children}</div>
</div>

2
packages/console/src/pages/ConnectorDetails/index.tsx
View file

@ -139,7 +139,7 @@ const ConnectorDetails = () => {
<ConnectorTypeName type={data.type} />
<div className={styles.verticalBar} />
{inUse !== undefined && (
<Status status={inUse ? 'enabled' : 'disabled'} varient="outlined">
<Status status={inUse ? 'enabled' : 'disabled'} variant="outlined">
{t('connectors.connector_status', {
context: inUse ? 'in_use' : 'not_in_use',
})}

6
packages/console/src/pages/Dashboard/components/Block.tsx
View file

@ -17,17 +17,17 @@ type Props = {
delta?: number;
title: AdminConsoleKey;
tooltip?: AdminConsoleKey;
varient?: 'bordered' | 'default' | 'plain';
variant?: 'bordered' | 'default' | 'plain';
};
const Block = ({ varient = 'default', count, delta, title, tooltip }: Props) => {
const Block = ({ variant = 'default', count, delta, title, tooltip }: Props) => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
const tipRef = useRef<HTMLDivElement>(null);
const deltaLable = delta !== undefined && `${conditionalString(delta >= 0 && '+')}${delta}`;
return (
<Card className={classNames(styles.block, styles[varient])}>
<Card className={classNames(styles.block, styles[variant])}>
<div className={styles.title}>
{t(title)}
{tooltip && (

6
packages/console/src/pages/Dashboard/index.tsx
View file

@ -85,7 +85,7 @@ const Dashboard = () => {
tooltip="dashboard.daily_active_users_tip"
count={activeData.dau.count}
delta={activeData.dau.delta}
varient="plain"
variant="plain"
/>
<div className={styles.datePicker}>
<TextInput type="date" value={date} onChange={handleDateChange} />
@ -121,14 +121,14 @@ const Dashboard = () => {
tooltip="dashboard.weekly_active_users_tip"
count={activeData.wau.count}
delta={activeData.wau.delta}
varient="bordered"
variant="bordered"
/>
<Block
title="dashboard.monthly_active_users"
tooltip="dashboard.monthly_active_users_tip"
count={activeData.mau.count}
delta={activeData.mau.delta}
varient="bordered"
variant="bordered"
/>
</div>
</Card>