fix: Modify broken ui by archived col

Signed-off-by: toyamagu2021@gmail.com <toyamagu2021@gmail.com>
argoproj · Jul 15, 2023 · e308741 · e308741
1 parent c0e95db
commit e308741
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/ui/src/app/workflows/components/workflows-list/workflows-list.tsx b/ui/src/app/workflows/components/workflows-list/workflows-list.tsx
@@ -372,7 +372,7 @@ export class WorkflowsList extends BasePage<RouteComponentProps<any>, State> {
                                     />
                                 </div>
                                 <div className='row small-11'>
-                                    <div className='columns small-3'>NAME</div>
+                                    <div className='columns small-2'>NAME</div>
                                     <div className='columns small-1'>NAMESPACE</div>
                                     <div className='columns small-1'>STARTED</div>
                                     <div className='columns small-1'>FINISHED</div>
@@ -384,7 +384,7 @@ export class WorkflowsList extends BasePage<RouteComponentProps<any>, State> {
                                     {(this.state.columns || []).map(col => {
                                         return (
                                             <div className='columns small-1' key={col.key}>
-                                                {col.name}
+                                                {col.name.replace(/^Workflow /, '')}
                                             </div>
                                         );
                                     })}

diff --git a/ui/src/app/workflows/components/workflows-row/workflows-row.tsx b/ui/src/app/workflows/components/workflows-row/workflows-row.tsx
@@ -51,7 +51,7 @@ export class WorkflowsRow extends React.Component<WorkflowsRowProps, WorkflowRow
                         <PhaseIcon value={wf.status.phase} />
                     </div>
                     <Link to={uiUrl(`workflows/${wf.metadata.namespace}/${wf.metadata.name}`)} className='small-11 row'>
-                        <div className='columns small-3'>
+                        <div className='columns small-2'>
                             {(wf.metadata.annotations && wf.metadata.annotations[ANNOTATION_TITLE]) || wf.metadata.name}
                             {wf.metadata.annotations && wf.metadata.annotations[ANNOTATION_DESCRIPTION] ? <p>{wf.metadata.annotations[ANNOTATION_DESCRIPTION]}</p> : null}
                         </div>
@@ -87,8 +87,9 @@ export class WorkflowsRow extends React.Component<WorkflowsRowProps, WorkflowRow
                                 </div>
                             </div>
                         </div>
-                        <div className='columns small-2'>{isArchivedWorkflow(wf) ? 'true' : 'false'}</div>
+                        <div className='columns small-1'>{isArchivedWorkflow(wf) ? 'true' : 'false'}</div>
                         {(this.props.columns || []).map(column => {
+                            console.log( wf.metadata?.labels[column.key]);
                             const value = wf.metadata?.labels[column.key];
                             return (
                                 <div key={column.name} className='columns small-1'>