feat: Add preheat newPreheat and showPreheat page (#291)

dragonflyoss · Sep 15, 2023 · d050a56 · d050a56
1 parent 35dedfd
commit d050a56
Show file tree

Hide file tree

Showing 32 changed files with 2,075 additions and 17 deletions.
diff --git a/public/icons/job/preheat/created-at.svg b/public/icons/job/preheat/created-at.svg
diff --git a/public/icons/job/preheat/description.svg b/public/icons/job/preheat/description.svg
diff --git a/public/icons/job/preheat/error-log.svg b/public/icons/job/preheat/error-log.svg
diff --git a/public/icons/job/preheat/failure.svg b/public/icons/job/preheat/failure.svg
diff --git a/public/icons/job/preheat/filter.svg b/public/icons/job/preheat/filter.svg
diff --git a/public/icons/job/preheat/headers.svg b/public/icons/job/preheat/headers.svg
diff --git a/public/icons/job/preheat/id.svg b/public/icons/job/preheat/id.svg
diff --git a/public/icons/job/preheat/job.svg b/public/icons/job/preheat/job.svg
diff --git a/public/icons/job/preheat/pending.svg b/public/icons/job/preheat/pending.svg
diff --git a/public/icons/job/preheat/status-failure.svg b/public/icons/job/preheat/status-failure.svg
diff --git a/public/icons/job/preheat/status-pending.svg b/public/icons/job/preheat/status-pending.svg
diff --git a/public/icons/job/preheat/status-success.svg b/public/icons/job/preheat/status-success.svg
diff --git a/public/icons/job/preheat/status.svg b/public/icons/job/preheat/status.svg
diff --git a/public/icons/job/preheat/success.svg b/public/icons/job/preheat/success.svg
diff --git a/public/icons/job/preheat/tag.svg b/public/icons/job/preheat/tag.svg
diff --git a/public/icons/job/preheat/url.svg b/public/icons/job/preheat/url.svg
diff --git a/src/components/clusters/show.tsx b/src/components/clusters/show.tsx
@@ -635,7 +635,7 @@ export default function ShowCluster() {
         <Box width="100%">
           <Divider />
           <Table sx={{ minWidth: 650 }} aria-label="a dense table">
-            <TableHead>
+            <TableHead sx={{ backgroundColor: 'var(--table-title-color)' }}>
               <TableRow>
                 <TableCell align="center">
                   <Typography variant="subtitle1" fontFamily="mabry-bold">
@@ -913,7 +913,7 @@ export default function ShowCluster() {
         <Box width="100%">
           <Divider />
           <Table sx={{ minWidth: 650 }} aria-label="a dense table">
-            <TableHead>
+            <TableHead sx={{ backgroundColor: 'var(--table-title-color)' }}>
               <TableRow>
                 <TableCell align="center">
                   <Typography variant="subtitle1" fontFamily="mabry-bold">

diff --git a/src/components/developer/tokens/edit.tsx b/src/components/developer/tokens/edit.tsx
@@ -238,7 +238,6 @@ export default function UpdateTokens() {
               <TextField
                 margin="normal"
                 color="success"
-                required
                 size="small"
                 key={item.formProps.name}
                 {...item.formProps}
@@ -257,7 +256,7 @@ export default function UpdateTokens() {
               </Tooltip>
             </Box>
             <FormControl size="small" error={expiredTimeError}>
-              <InputLabel color="secondary" id="demo-simple-select-label">
+              <InputLabel color="secondary" required id="demo-simple-select-label">
                 Expiration
               </InputLabel>
               <Box display="flex" alignItems="center">

diff --git a/src/components/developer/tokens/index.tsx b/src/components/developer/tokens/index.tsx
@@ -173,8 +173,8 @@ export default function PersonalAccessTokens() {
         </Alert>
       </Snackbar>
       <Breadcrumbs aria-label="breadcrumb" sx={{ mb: '1rem' }}>
-        <Typography>Developer</Typography>
-        <Typography color="text.primary">Personal access tokens</Typography>
+        <Typography>developer</Typography>
+        <Typography color="text.primary">personal access tokens</Typography>
       </Breadcrumbs>
       <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>
         <Typography variant="h5">Personal access tokens</Typography>
@@ -246,7 +246,6 @@ export default function PersonalAccessTokens() {
       ) : (
         <></>
       )}
-
       {tokens.length === 0 ? (
         <Paper
           variant="outlined"
@@ -383,7 +382,6 @@ export default function PersonalAccessTokens() {
           </Paper>
         </>
       )}
-
       {tokensTotalPages > 1 ? (
         <Box display="flex" justifyContent="flex-end" sx={{ marginTop: theme.spacing(2) }}>
           <Pagination
@@ -399,7 +397,6 @@ export default function PersonalAccessTokens() {
       ) : (
         <></>
       )}
-
       <Dialog
         open={openDeletToken}
         onClose={() => {

diff --git a/src/components/developer/tokens/new.tsx b/src/components/developer/tokens/new.tsx
@@ -55,6 +55,7 @@ export default function CreateTokens() {
         id: 'name',
         label: 'Name',
         name: 'name',
+        required: true,
         autoComplete: 'family-name',
         placeholder: 'Enter your token name',
         helperText: nameError ? 'Fill in the characters, the length is 1-100.' : '',
@@ -236,7 +237,6 @@ export default function CreateTokens() {
               <TextField
                 margin="normal"
                 color="success"
-                required
                 size="small"
                 key={item.formProps.name}
                 {...item.formProps}
@@ -255,7 +255,7 @@ export default function CreateTokens() {
               </Tooltip>
             </Box>
             <FormControl size="small">
-              <InputLabel color="secondary" id="demo-simple-select-label">
+              <InputLabel color="secondary" required id="demo-simple-select-label">
                 Expiration
               </InputLabel>
               <Box display="flex" alignItems="center">