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): connector row clickable (#1108)

Browse source
This commit is contained in:
Wang Sijie 2022-06-14 11:45:21 +08:00 • committed by GitHub
parent a790248c09
commit 2a4a61deab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/console/src/pages/Connectors/components/ConnectorRow/index.tsx
View file

@ -2,10 +2,12 @@ import { ConnectorDTO, ConnectorType } from '@logto/schemas';
import { conditional } from '@silverhand/essentials';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import Status from '@/components/Status';
import { connectorTitlePlaceHolder } from '@/consts/connectors';
import useConnectorInUse from '@/hooks/use-connector-in-use';
import * as tableStyles from '@/scss/table.module.scss';
import ConnectorName from '../ConnectorName';
@ -20,9 +22,19 @@ const ConnectorRow = ({ type, connectors, onClickSetup }: Props) => {
const inUse = useConnectorInUse(
conditional(type === ConnectorType.Social && connectors[0]?.target)
);
const navigate = useNavigate();
const showSetupButton = type !== ConnectorType.Social && !connectors[0];
const handleClickRow = () => {
if (showSetupButton || !connectors[0]) {
return;
}
navigate(`/connectors/${connectors[0].id}`);
};
return (
<tr>
<tr className={conditional(showSetupButton && tableStyles.clickable)} onClick={handleClickRow}>
<td>
<ConnectorName type={type} connectors={connectors} onClickSetup={onClickSetup} />
</td>