Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-13 21:30:30 -05:00
Code Issues Activity

feat(console): add doc link of pat (#6496)

Browse source
This commit is contained in:
wangsijie 2024-08-22 11:11:43 +08:00 • committed by GitHub
parent 19d3aa787a
commit 00c2581668
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
packages/console/src/pages/UserDetails/UserSettings/components/PersonalAccessTokens/index.tsx
View file

@ -1,6 +1,6 @@
import { type PersonalAccessToken as Token } from '@logto/schemas'; import { type PersonalAccessToken as Token } from '@logto/schemas';
import { useMemo, useState } from 'react'; import { useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { Trans, useTranslation } from 'react-i18next';
import useSWR from 'swr'; import useSWR from 'swr';
import CirclePlus from '@/assets/icons/circle-plus.svg?react'; import CirclePlus from '@/assets/icons/circle-plus.svg?react';
@ -12,6 +12,7 @@ import CopyToClipboard from '@/ds-components/CopyToClipboard';
import FormField from '@/ds-components/FormField'; import FormField from '@/ds-components/FormField';
import Table from '@/ds-components/Table'; import Table from '@/ds-components/Table';
import { type Column } from '@/ds-components/Table/types'; import { type Column } from '@/ds-components/Table/types';
import TextLink from '@/ds-components/TextLink';
import useApi, { type RequestError } from '@/hooks/use-api'; import useApi, { type RequestError } from '@/hooks/use-api';
import CreateTokenModal from './CreateTokenModal'; import CreateTokenModal from './CreateTokenModal';
@ -78,7 +79,24 @@ function PersonalAccessTokens({ userId }: Props) {
); );
return ( return (
<FormField title="user_details.personal_access_tokens.title_other"> <FormField
title="user_details.personal_access_tokens.title_other"
tip={(closeTipHandler) => (
<Trans
components={{
a: (
<TextLink
targetBlank
href="https://docs.logto.io/docs/recipes/manage-users/management-api/personal-access-token/"
onClick={closeTipHandler}
/>
),
}}
>
{t('user_details.personal_access_tokens.tip')}
</Trans>
)}
>
{data?.length === 0 && !error ? ( {data?.length === 0 && !error ? (
<> <>
<div className={styles.empty}> <div className={styles.empty}>

1
packages/phrases/src/locales/en/translation/admin-console/user-details.ts
View file

@ -101,6 +101,7 @@ const user_details = {
title: 'Personal access token', title: 'Personal access token',
title_other: 'Personal access tokens', title_other: 'Personal access tokens',
title_short: 'token', title_short: 'token',
tip: 'Personal access tokens (PATs) provide a secure way for users to grant access tokens without using their credentials and interactive sign-in. This is useful for CI/CD, scripts, or applications that need to access resources programmatically. <a>Learn more</a>',
value: 'Value', value: 'Value',
created_at: 'Created at', created_at: 'Created at',
expires_at: 'Expires at', expires_at: 'Expires at',