fix: show personal access token id and name in updating (#262)

Signed-off-by: zhaoxinxin <[email protected]>
dragonflyoss · Aug 18, 2023 · 9fc5dc7 · 9fc5dc7
1 parent 0be29ce
commit 9fc5dc7
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/public/icons/tokens/key.svg b/public/icons/tokens/key.svg
diff --git a/src/components/developer/tokens/edit.tsx b/src/components/developer/tokens/edit.tsx
@@ -17,6 +17,7 @@ import {
   InputLabel,
   FormGroup,
   FormHelperText,
+  Paper,
 } from '@mui/material';
 import { useEffect, useState } from 'react';
 import { formatDate, getExpiredTime } from '../../../lib/utils';
@@ -204,6 +205,20 @@ export default function UpdateTokens() {
           Update personal access token
         </Typography>
         <Divider sx={{ mt: 2, mb: 2 }} />
+        <Paper
+          variant="outlined"
+          sx={{ flexGrow: '1', display: 'inline-flex', alignItems: 'center', mb: '1rem', p: '1rem' }}
+        >
+          <Box component="img" src="/icons/tokens/key.svg" sx={{ width: '2.6rem', height: '2.6rem', mr: '1rem' }} />
+          <Box>
+            <Typography component="div" variant="body1" fontFamily="mabry-bold">
+              ID:&nbsp;&nbsp;{tokens.id}
+            </Typography>
+            <Typography component="div" variant="body1" fontFamily="mabry-bold">
+              Name:&nbsp;&nbsp;{tokens.name}
+            </Typography>
+          </Box>
+        </Paper>
         <Box component="form" onSubmit={handleSubmit} noValidate>
           <FormControl fullWidth>
             <Box sx={{ display: 'flex', alignItems: 'center' }}>