aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-18 21:19:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update access token list

Browse Source
This commit is contained in:
Steven 2023-08-07 23:41:48 +08:00
parent b624576269
commit 9c134f4c8f
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Alert.tsx
View File

@ -54,7 +54,7 @@ const Alert: React.FC<Props> = (props: Props) => {
<div className="w-80"> <div className="w-80">
<p className="content-text mb-4">{content}</p> <p className="content-text mb-4">{content}</p>
<div className="w-full flex flex-row justify-end items-center space-x-2"> <div className="w-full flex flex-row justify-end items-center space-x-2">
<Button variant="plain" onClick={handleCloseBtnClick}> <Button variant="plain" color="neutral" onClick={handleCloseBtnClick}>
{closeBtnText} {closeBtnText}
</Button> </Button>
<Button color={style} onClick={handleConfirmBtnClick}> <Button color={style} onClick={handleConfirmBtnClick}>

18
web/src/components/setting/AccessTokenSection.tsx
View File

@ -98,10 +98,10 @@ const AccessTokenSection = () => {
<tbody className="divide-y divide-gray-200"> <tbody className="divide-y divide-gray-200">
{userAccessTokens.map((userAccessToken) => ( {userAccessTokens.map((userAccessToken) => (
<tr key={userAccessToken.accessToken}> <tr key={userAccessToken.accessToken}>
<td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500 flex flex-row justify-start items-center gap-x-1"> <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-900 flex flex-row justify-start items-center gap-x-1">
<span>{getFormatedAccessToken(userAccessToken.accessToken)}</span> <span className="font-mono">{getFormatedAccessToken(userAccessToken.accessToken)}</span>
<Button color="neutral" variant="plain" size="sm" onClick={() => copyAccessToken(userAccessToken.accessToken)}> <Button color="neutral" variant="plain" size="sm" onClick={() => copyAccessToken(userAccessToken.accessToken)}>
<Icon.Clipboard className="w-4 h-auto" /> <Icon.Clipboard className="w-4 h-auto text-gray-500" />
</Button> </Button>
</td> </td>
<td className="whitespace-nowrap py-4 pl-4 pr-3 text-sm text-gray-900">{userAccessToken.description}</td> <td className="whitespace-nowrap py-4 pl-4 pr-3 text-sm text-gray-900">{userAccessToken.description}</td>
@ -109,15 +109,17 @@ const AccessTokenSection = () => {
<td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> <td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
{String(userAccessToken.expiresAt ?? "Never")} {String(userAccessToken.expiresAt ?? "Never")}
</td> </td>
<td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium"> <td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm">
<button <Button
className="text-indigo-600 hover:text-indigo-900" color="danger"
variant="plain"
size="sm"
onClick={() => { onClick={() => {
handleDeleteAccessToken(userAccessToken.accessToken); handleDeleteAccessToken(userAccessToken.accessToken);
}} }}
> >
Delete <Icon.Trash className="w-4 h-auto" />
</button> </Button>
</td> </td>
</tr> </tr>
))} ))}