fix: ensure consistent post width

Solvro · Feb 15, 2025 · e897255 · e897255
1 parent 3ce124b
commit e897255
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/app/news/components/post-attachments.tsx b/src/app/news/components/post-attachments.tsx
@@ -17,14 +17,13 @@ function PostAttachment({ attachment }: { attachment: FacebookAttachment }) {
       ) : (
         <Image
           src={attachment.media.image.src}
-          alt={"Facebook post image attachment"}
-          className="my-4"
+          alt="Facebook post image attachment"
+          className="my-4 basis-full"
           width={800}
           height={0}
         />
       )}
-      {/* @solvro/config forced me into doing !! on a boolean */}
-      {!!hasSubAttachments && (
+      {hasSubAttachments ? (
         <Button
           className="order-2 ml-3"
           onClick={() => {
@@ -33,7 +32,7 @@ function PostAttachment({ attachment }: { attachment: FacebookAttachment }) {
         >
           {showSubAttachments ? "Mniej" : "Więcej"} zdjęć
         </Button>
-      )}
+      ) : null}
     </>
   );
 }

diff --git a/src/app/news/components/post.tsx b/src/app/news/components/post.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image";
+import Link from "next/link";
 
 import type { FacebookPost, FacebookUser } from "@/lib/types";
 
@@ -15,20 +16,20 @@ export function Post({
   return (
     <div className="m-3 mt-0 rounded-xl border p-3 text-sm md:m-10 md:mt-0 md:w-2/3 md:text-base xl:w-1/2">
       <div className="mb-3 flex items-center">
-        <a href={author.link} target="_blank" rel="noopener noreferrer">
+        <Link href={author.link} target="_blank" rel="noopener noreferrer">
           <Image
             src={author.picture.data.url}
             alt={author.name}
             width={author.picture.data.width}
             height={author.picture.data.height}
             className="rounded-full"
           />
-        </a>
+        </Link>
         <div className="ml-2 w-full">
           <p className="font-semibold">
-            <a href={author.link} target="_blank" rel="noopener noreferrer">
+            <Link href={author.link} target="_blank" rel="noopener noreferrer">
               {author.name}
-            </a>
+            </Link>
           </p>
           <p
             className="flex items-center gap-1 text-xs text-gray-500 md:text-sm"

diff --git a/src/app/news/page.tsx b/src/app/news/page.tsx
@@ -18,7 +18,7 @@ export default async function FbPage() {
       ) : posts.length === 0 ? (
         <NewsErrorMessage type="noPosts" />
       ) : (
-        <div className="flex flex-col items-stretch md:items-center">
+        <div className="flex w-full flex-col items-stretch md:items-center">
           {posts.map((post) => (
             <Post key={post.id} post={post} author={user} />
           ))}