Merge commit '5e199d4efb6f39a7e45fa2a54d9497569c8343d4'

Author: AlexBlokh

src/assets/images/twits/silvenon.jpg

@@ -18,14 +18,18 @@ import chribjel from "@/assets/images/twits/chribjel.jpg";
 import chribjelTwit from "@/assets/images/twits/chribjelTwit.png";
 import hisbvdis from "@/assets/images/twits/hisbvdis.jpg";
 import aokijs from "@/assets/images/twits/aokijs.jpg";
+import silvenon from "@/assets/images/twits/silvenon.jpg";
+import silvenonTwit from "@/assets/images/twits/silvenonTwit.webp";
+import spacesexdragon from "@/assets/images/twits/spacesexdragon.jpg";
+import spacesexdragonTwit from "@/assets/images/twits/spacesexdragonTwit.jpg";
 
 // Twit images
 
 export interface IComment {
   avatar: ImportMeta;
   name: string;
   login: string;
-  text: string;
+  text?: string;
   href?: string;
   twitImage?: ImportMetaEnv;
 }
@@ -154,6 +158,21 @@ const Comments: IComment[] = [
     text: `Honestly, fuck the benchmarks. I don‘t care which one‘s faster. All I can say is that Drizzle made my life working with databases dramastically better and that‘s all that matters for me. Thanks for your hard work 🙏🏻`,
     href: "https://x.com/aokijs/status/1833840766839325109",
   },
+  {
+    avatar: silvenon,
+    name: "Matija Marohnić",
+    login: "silvenon",
+    text: `Every time I hear about @DrizzleORM.`,
+    href: "https://x.com/silvenon/status/1843003214402314695",
+    twitImage: silvenonTwit,
+  },
+  {
+    avatar: spacesexdragon,
+    name: "Joseph Mama 🐀",
+    login: "spacesexdragon",
+    href: "https://x.com/spacesexdragon/status/1843381135134675236",
+    twitImage: spacesexdragonTwit,
+  },
 ];
 
 export { Comments };

src/assets/images/twits/silvenonTwit.webp

@@ -9,7 +9,7 @@ interface Props {
 const { twit } = Astro.props;
 
 const { text } = twit;
-const formattedText = text.replaceAll(/@\w+/gi, "<span class='mention'>$&</span>");
+const formattedText = text ? text.replaceAll(/@\w+/gi, "<span class='mention'>$&</span>") : null;
 ---
 
 <div class="wrap">
@@ -23,7 +23,9 @@ const formattedText = text.replaceAll(/@\w+/gi, "<span class='mention'>$&</span>
     </div>
   </div>
   <div class="content">
-    <div class="twit_content_text"><Fragment set:html={formattedText} /></div>
+    {formattedText && (
+      <div class="twit_content_text"><Fragment set:html={formattedText} /></div>
+    )}
     {
       twit.twitImage && (
         <Image class="content_image" width={560} src={twit.twitImage} alt={twit.name} />
@@ -105,6 +107,8 @@ const formattedText = text.replaceAll(/@\w+/gi, "<span class='mention'>$&</span>
   .content_image {
     border-radius: 8px;
     border: 1px solid rgb(207, 217, 222);
+    max-height: 180px;
+    object-fit: cover;
   }
 
   @media (max-width: 599px) {