Display sensitive quotes properly

public/style.css

@@ -652,6 +652,7 @@ video {
 .quote-media {
     display: flex;
     justify-content: center;
+    pointer-events: none;
 }
 
 .quote-media img {
@@ -676,3 +677,22 @@ video {
     font-size: 12px;
     font-weight: bold;
 }
+
+.quote-sensitive {
+    background: #353535;
+    width: 102px;
+    height: 102px;
+    border-radius: 12px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.quote-sensitive-icon {
+    font-size: 25px;
+    width: 37px;
+    height: 32px;
+    background-color: #4e4e4e;
+    padding-bottom: 5px;
+    margin: 0;
+}

src/parserutils.nim

@@ -135,6 +135,11 @@ proc getTweetMedia*(tweet: Tweet; node: XmlNode) =
     tweet.video = some(Video())
 
 proc getQuoteMedia*(quote: var Quote; node: XmlNode) =
+  let sensitive = node.querySelector(".QuoteTweet--sensitive")
+  if not sensitive.isNil:
+    quote.sensitive = true
+    return
+
   let media = node.querySelector(".QuoteMedia")
   if not media.isNil:
     quote.thumb = some(media.selectAttr("img", "src"))

src/types.nim

@@ -48,6 +48,7 @@ type
     profile*: Profile
     link*: string
     text*: string
+    sensitive*: bool
     thumb*: Option[string]
     badge*: Option[string]
 

src/views/tweet.nimf

@@ -30,19 +30,25 @@
 #end proc
 #
 #proc renderQuote(quote: Quote): string =
-#let hasMedia = quote.thumb.isSome()
+#let hasMedia = quote.thumb.isSome() or quote.sensitive
 <div class="quote">
   <div class="quote-container" href="${quote.link}">
     <a class="quote-link" href="${quote.link}"></a>
     #if hasMedia:
     <div class="quote-media-container">
       <div class="quote-media">
+        #if quote.thumb.isSome():
         <img src=${quote.thumb.get().getSigUrl("pic")}>
-        #if quote.badge.isSome:
+        #if quote.badge.isSome():
         <div class="quote-badge">
           <div class="quote-badge-text">${quote.badge.get()}</div>
         </div>
         #end if
+        #elif quote.sensitive:
+        <div class="quote-sensitive">
+          <span class="icon quote-sensitive-icon">❗</span>
+        </div>
+        #end if
       </div>
     </div>
     #end if