update report view

eea · Apr 25, 2024 · eb3f06e · eb3f06e
1 parent 9903d00
commit eb3f06e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git a/src/components/theme/Views/InsituReportView.jsx b/src/components/theme/Views/InsituReportView.jsx
@@ -9,7 +9,7 @@ import './styles.less';
 
 function InsituReportView(props) {
   const { content } = props;
-  const { description, file, ...filteredContent } = content;
+  const { description, file, report_category, ...filteredContent } = content;
 
   return (
     <div className="insitu-report-view">
@@ -18,22 +18,14 @@ function InsituReportView(props) {
         <Grid>
           <Grid.Row>
             <Grid.Column width={8}>
-              <h3>Summary</h3>
-              <p className="documentDescription eea callout">
-                {content.description}
-              </p>
-            </Grid.Column>
-            <Grid.Column width={4}>
-              {content.preview_image && (
-                <Image
-                  src={content?.preview_image.download}
-                  alt="Descriptive Image"
-                />
+              {content?.description && (
+                <>
+                  <h3>Summary</h3>
+                  <p className="documentDescription eea callout">
+                    {content.description}
+                  </p>
+                </>
               )}
-            </Grid.Column>
-          </Grid.Row>
-          <Grid.Row>
-            <Grid.Column width={8}>
               {!!content.file?.download && (
                 <div className="file-download">
                   <div className="file-title">
@@ -52,6 +44,14 @@ function InsituReportView(props) {
                 </div>
               )}
             </Grid.Column>
+            <Grid.Column width={4}>
+              {content.preview_image && (
+                <Image
+                  src={content?.preview_image.download}
+                  alt="Descriptive Image"
+                />
+              )}
+            </Grid.Column>
           </Grid.Row>
         </Grid>
         {isOldFormat(content) ? (

diff --git a/src/components/theme/Views/styles.less b/src/components/theme/Views/styles.less
@@ -21,6 +21,12 @@
   background: #f9f7f6;
   color: #333332;
 
+  .button {
+    border: 2px solid #783f34 !important;
+    color: #783f34 !important;
+    background-color: #f9f7f6 !important;
+  }
+
   a {
     color: #333332;
     font-size: 17px;