fix(console): connector row clickable (#1108)

packages/console/src/pages/Connectors/components/ConnectorRow/index.tsx

@@ -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>