Merge pull request #581 from logion-network/feature/temp-certificate

Temporary certificate
logion-network · Jun 20, 2024 · 1d93f93 · 1d93f93
2 parents 7d46be0 + ecda405
commit 1d93f93
Show file tree

Hide file tree

Showing 3 changed files with 113 additions and 1 deletion.
diff --git a/public/assets/not_closed_certificate_background.svg b/public/assets/not_closed_certificate_background.svg
diff --git a/src/certificate/Certificate.css b/src/certificate/Certificate.css
@@ -71,7 +71,8 @@
 }
 
 .void-frame,
-.network-frame {
+.network-frame,
+.not-closed-frame {
     border: 2px solid #e11a25;
     border-radius: 12px;
     padding: 30px;
@@ -170,6 +171,34 @@
     text-align: center;
 }
 
+.not-closed-stamp {
+    position: fixed;
+    left: 50%;
+    top: 60%;
+    transform: translate(-50%, -50%);
+    z-index: -1;
+}
+
+.not-closed-stamp img {
+    height: 70vh;
+}
+
+.NotClosedMessage {
+    display: flex;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.NotClosedMessage .content {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+.NotClosedMessage .text {
+    margin-left: 15px;
+}
+
 @media screen and (max-width: 1400px) {
     .Certificate .folder-icon img {
         width: 470px;

diff --git a/src/certificate/Certificate.tsx b/src/certificate/Certificate.tsx
@@ -292,6 +292,17 @@ export default function Certificate() {
                     </div>
                 </Container>
             }
+            {
+                loc.data.voidInfo === undefined &&loc.data.status !== "CLOSED" &&
+                <Container>
+                    <div className="not-closed-frame">
+                        <NotClosedMessage loc={ loc } />
+                    </div>
+                    <div className="not-closed-stamp">
+                        <Icon icon={{id: "not_closed_certificate_background"}} />
+                    </div>
+                </Container>
+            }
             {
                 supersededLoc !== undefined &&
                 <Container>
@@ -577,3 +588,19 @@ function SupersedeMessage(props: { loc: PublicLoc, redirected: boolean }) {
         </div>
     );
 }
+
+function NotClosedMessage(props: { loc: PublicLoc | undefined }) {
+    return (
+        <div className="NotClosedMessage">
+            <div className="content">
+                <div className="icon">
+                    <Icon icon={{id: 'big-warning'}} height="64px" type="png"/>
+                </div>
+                <div className="text">
+                    <h2>This Logion Legal Officer Case is not yet closed</h2>
+                    <p>It means that it should be considered as work in progress, content may still be added.</p>
+                </div>
+            </div>
+        </div>
+    );
+}