Loading ...
+
+ // TODO
+ // Map rows to model data
+
+ return (
+
+
Description and metadata
+ {model.description && (
+
+ {model.description}
+
+
+ )}
+
+
+
+
+ Field
+ **Tor**
+
+
+ Fomation
+ **Tor**
+
+
+ Analouge
+ **Tor**
+
+
+ Zone
+ **Tor**
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/features/ModelView/ModelNameFrame/ModelNameFrame.styled.tsx b/src/features/ModelView/ModelNameFrame/ModelNameFrame.styled.tsx
new file mode 100644
index 00000000..89f68936
--- /dev/null
+++ b/src/features/ModelView/ModelNameFrame/ModelNameFrame.styled.tsx
@@ -0,0 +1,14 @@
+import styled from 'styled-components'
+import { spacings } from '../../../tokens/spacings'
+
+export const NameFrame = styled.div`
+ width: 100%;
+ padding: ${spacings.LARGE} 0;
+ background-color: rgb(247, 247, 247, 1);
+
+ > h1 {
+ margin: 0;
+ padding: 0 ${spacings.X_LARGE};
+ font-weight: normal;
+ }
+`
diff --git a/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx b/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx
new file mode 100644
index 00000000..952e8669
--- /dev/null
+++ b/src/features/ModelView/ModelNameFrame/ModelNameFrame.tsx
@@ -0,0 +1,10 @@
+import { ModelType } from '../../../pages/ModelPages/Model/Model'
+import * as Styled from './ModelNameFrame.styled'
+
+export const ModelNameFrame = ({ model }: { model: ModelType }) => {
+ return (
+