Add: Show Review message

src/comp/page/post/post.svelte

@@ -5,9 +5,8 @@
   import CommentList from "$comp/page/post/commentlist.svelte";
   import Iconvalue from "$comp/iconvalue.svelte";
   import Mention from "$comp/mention.svelte";
-    import Tablericon from "$comp/tablericon.svelte";
   import { round10 } from "expected-round";
-    import moment from "moment";
+  import Cardicon from "$comp/cardicon.svelte";
 
   /**
    * @type {import("$types/base").Post}
@@ -41,7 +40,13 @@
     display: flex;
     flex-direction: column;
 
-    gap: 16px
+    gap: 32px
+  }
+  
+  .content {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
   }
 
   .titleBar {
@@ -117,10 +122,31 @@
     text-align: left;
     padding-left: 0.1em;
   }
+
+  .notReviewed {
+    display: flex;
+    flex-flow: column nowrap;
+    min-height: 100%;
+    justify-content: center;
+    
+    h6 {
+      font-size: 1.2rem;
+    }
+  }
 </style>
 
 <div class="body">
   <article class="post">
+    {#if !post.reviewed}
+    <Cardicon iconName="search" colorBackground="var(--yellow-transparent)" colorIcon="var(--yellow)">
+      <div class="notReviewed">
+        <h6 class="typeTitle">Not Reviewed</h6>
+        <span>This post will remain hidden from the public until a moderator approves its contents</span>
+      </div>
+    </Cardicon>
+    {/if}
+
+    <div class="content">
       <div class="postHead">
         <Avatar size={64} user={post.author}></Avatar>
         <div class="titleBar">
@@ -169,6 +195,7 @@
         </table>
       </div>
       {/if}
+    </div>
   </article>
   
   {#if commentTree}

static/icon/search.svg

@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  id="icon"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-search"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>