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

feat(console): applications list navigation (#341)

Browse source
This commit is contained in:
Gao Sun 2022-03-08 21:09:32 +08:00 committed by GitHub
parent 4a004cfbb8
commit c46fb704bf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/console/src/pages/Applications/index.tsx
View file

@ -3,6 +3,7 @@ import { conditional } from '@silverhand/essentials/lib/utilities/conditional.js
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import Modal from 'react-modal';
import { useNavigate } from 'react-router-dom';
import useSWR from 'swr';
import Button from '@/components/Button';
@ -23,6 +24,7 @@ const Applications = () => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
const { data, error, mutate } = useSWR<Application[], RequestError>('/api/applications');
const isLoading = !data && !error;
const navigate = useNavigate();
return (
<Card>
@ -69,7 +71,13 @@ const Applications = () => {
</tr>
)}
{data?.map(({ id, name, type }) => (
<tr key={id}>
<tr
key={id}
className={styles.clickable}
onClick={() => {
navigate(`/applications/${id}`);
}}
>
<td>
<ItemPreview
title={name}