35369 Improve external resource page

- Added tags section to view page - Moved Resource External Url row to External Resource Details section
AAFC-BICoE · Dec 5, 2024 · f040d6c · f040d6c
1 parent d51e2e6
commit f040d6c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/dina-ui/components/object-store/metadata/MetadataDetails.tsx b/packages/dina-ui/components/object-store/metadata/MetadataDetails.tsx
@@ -68,7 +68,8 @@ export function MetadataDetails({ metadata }: MetadataDetailsProps) {
             name: "xmpMetadataDate",
             value: <DateView date={metadata.xmpMetadataDate} />
           },
-          "acMetadataCreator.displayName"
+          "acMetadataCreator.displayName",
+          ...(isExternalResource ? ["resourceExternalURL"] : [])
         ]}
         title={
           isExternalResource
@@ -90,7 +91,6 @@ export function MetadataDetails({ metadata }: MetadataDetailsProps) {
       <MetadataAttributeGroup
         metadata={metadata}
         fields={[
-          ...(isExternalResource ? ["resourceExternalURL"] : []),
           "dcFormat",
           "acCaption",
           "dcType",

diff --git a/packages/dina-ui/pages/object-store/object/external-resource-view.tsx b/packages/dina-ui/pages/object-store/object/external-resource-view.tsx
@@ -9,7 +9,7 @@ import {
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { useMetadataViewQuery } from "../../../components/object-store/metadata/useMetadata";
-import { Footer, Head, Nav } from "../../../components";
+import { Footer, Head, Nav, TagSelectReadOnly } from "../../../components";
 import { MetadataDetails } from "../../../components/object-store";
 import { DinaMessage } from "../../../intl/dina-ui-intl";
 import { MetadataFileView } from "../../../components/object-store/metadata/MetadataFileView";
@@ -68,6 +68,7 @@ export default function ExternalResourceMetadataViewPage() {
             {metadata.derivatives && (
               <MetadataFileView metadata={metadata} imgHeight="15rem" />
             )}
+            <TagSelectReadOnly tagsFieldName="acTags" />
             <MetadataDetails metadata={metadata} />
           </DinaForm>
         </main>