fix: ui fixes

Signed-off-by: Blake Pettersson <blake.pettersson@gmail.com>
blakepettersson · Nov 29, 2024 · 56f6800 · 56f6800
1 parent 38e2032
commit 56f6800
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/ui/src/app/applications/components/application-deployment-history/revision-metadata-rows.tsx b/ui/src/app/applications/components/application-deployment-history/revision-metadata-rows.tsx
@@ -1,7 +1,7 @@
 import {DataLoader} from 'argo-ui';
 import * as React from 'react';
-import {Timestamp} from '../../../shared/components/timestamp';
-import {ApplicationSource, RevisionMetadata, ChartDetails} from '../../../shared/models';
+import {Timestamp} from '../../../shared/components';
+import {ApplicationSource, RevisionMetadata, ChartDetails, OCIMetadata} from '../../../shared/models';
 import {services} from '../../../shared/services';
 
 export const RevisionMetadataRows = (props: {applicationName: string; applicationNamespace: string; source: ApplicationSource; index: number; versionId: number | null}) => {
@@ -10,22 +10,20 @@ export const RevisionMetadataRows = (props: {applicationName: string; applicatio
             <DataLoader
                 input={props}
                 load={input =>
-                    // TODO: Needs real impl
                     services.applications.ociMetadata(input.applicationName, input.applicationNamespace, input.source.targetRevision, input.index, input.versionId)
                 }>
-                {(m: ChartDetails) => (
-                    // TODO: Needs real impl
+                {(m: OCIMetadata) => (
                     <div>
                         <div className='row'>
-                            <div className='columns small-3'>Helm Chart:</div>
+                            <div className='columns small-3'>OCI Image:</div>
                             <div className='columns small-9'>
-                                {props.source.chart}&nbsp;
-                                {m.home && (
+                                {props.source.repoURL}&nbsp;
+                                {m.imageUrl && (
                                     <a
-                                        title={m.home}
+                                        title={m.imageUrl}
                                         onClick={e => {
                                             e.stopPropagation();
-                                            window.open(m.home);
+                                            window.open(m.imageUrl);
                                         }}>
                                         <i className='fa fa-external-link-alt' />
                                     </a>
@@ -38,10 +36,10 @@ export const RevisionMetadataRows = (props: {applicationName: string; applicatio
                                 <div className='columns small-9'>{m.description}</div>
                             </div>
                         )}
-                        {m.maintainers && m.maintainers.length > 0 && (
+                        {m.authors && m.authors.length > 0 && (
                             <div className='row'>
                                 <div className='columns small-3'>Maintainers:</div>
-                                <div className='columns small-9'>{m.maintainers.join(', ')}</div>
+                                <div className='columns small-9'>{m.authors}</div>
                             </div>
                         )}
                     </div>

diff --git a/ui/src/app/applications/components/application-details/application-details.tsx b/ui/src/app/applications/components/application-details/application-details.tsx
@@ -235,7 +235,7 @@ export class ApplicationDetails extends React.Component<RouteComponentProps<{app
                             <div className='columns small-9'>{aRevision}</div>
                         </div>
                         <div className='row white-box__details-row'>
-                            <div className='columns small-3'>Chart Source:</div>
+                            <div className='columns small-3'>OCI Image:</div>
                             <div className='columns small-9'>{aRepoUrl}</div>
                         </div>
                     </>