From 36e1357e927d4964698892f92b523b67a5dbf403 Mon Sep 17 00:00:00 2001
From: Thomas Lund Fagermyr <35408743+thomaslf97@users.noreply.github.com>
Date: Tue, 15 Oct 2024 09:22:01 +0200
Subject: [PATCH] feat: Added created by and timestamp to model view (#336)

---
 .../ModelView/ModelMetadataView/ModelMetadataView.tsx      | 1 -
 src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx   | 7 +++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/features/ModelView/ModelMetadataView/ModelMetadataView.tsx b/src/features/ModelView/ModelMetadataView/ModelMetadataView.tsx
index bc292f2b..a7ef596f 100644
--- a/src/features/ModelView/ModelMetadataView/ModelMetadataView.tsx
+++ b/src/features/ModelView/ModelMetadataView/ModelMetadataView.tsx
@@ -237,7 +237,6 @@ export const ModelMetadataView = ({
       <Typography variant="h3" as="h2">
         Model metadata
       </Typography>
-
       <div>
         <OutcropAnalogueGroup
           modelIdParent={modelIdParent}
diff --git a/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx b/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx
index 13af2e84..dc1d10da 100644
--- a/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx
+++ b/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx
@@ -3,11 +3,18 @@ import { AnalogueModelDetail } from '../../../api/generated';
 import * as Styled from './ModelNameFrame.styled';
 
 export const ModelNameFrame = ({ model }: { model?: AnalogueModelDetail }) => {
+  const date = model?.createdDate
+    ? new Date(model.createdDate).toDateString().slice(4)
+    : '';
+
   return (
     <Styled.NameFrame className="metadata-name-frame">
       {model ? (
         <Typography variant="h2" as="h1">
           {model.name}
+          <Typography>
+            Added by {model.createdBy} on {date}
+          </Typography>
         </Typography>
       ) : (
         <Typography variant="h2" as="h1">