wip

Author: jordienr

apps/web/app/(blog)/blog/page.tsx

@@ -9,7 +9,6 @@ export const metadata = {};
 const Blog = async () => {
   const blog = getBlogClient();
   const { data: posts } = await blog.posts.list();
-  const { data: categories } = await blog.categories.list();
 
   const latestPost = posts[0];
   const postsWithoutLatest = posts.slice(1);

apps/web/src/components/Images/ImagePicker.tsx

@@ -18,7 +18,6 @@ import { CheckIcon, Loader2 } from "lucide-react";
 import { useMediaQuery } from "./Images.queries";
 import { Input } from "../ui/input";
 import { motion, AnimatePresence } from "framer-motion";
-import Image from "next/image";
 
 export type Media = {
   id: string;
@@ -117,14 +116,12 @@ export function ImagePicker({
                             </div>
                           ) : // Handle null URL for Image component: Render placeholder if null
                           item.url ? (
-                            <Image
+                            <img
                               className="h-32 w-full rounded-xl object-cover shadow-sm"
                               width={240}
                               height={128}
-                              src={item.url} // URL is guaranteed string here
+                              src={item.url}
                               alt={item.name}
-                              placeholder="blur"
-                              blurDataURL="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDABQODxIPDRQSEBIXFRQdHx4dHRsdHR4dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR3/wAARCAAIAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCdABmX/9k="
                               loading="lazy"
                             />
                           ) : (

apps/web/src/components/Images/ImageUploader.tsx

@@ -292,14 +292,14 @@ export const ImageUploader = ({
             {imageInfo && (
               <div className="w-full px-1">
                 <div className="mt-2 grid w-full gap-2 font-mono tracking-tight">
-                  <input
+                  {/* <input
                     type="text"
                     name="filename"
                     id="filename"
                     value={editableFileName}
                     onChange={(e) => setEditableFileName(e.target.value)}
                     className="w-full border-b bg-white px-1 text-slate-600 shadow-sm outline-none hover:border-slate-300 focus:border-slate-400"
-                  />
+                  /> */}
                   <span className="text-xs text-slate-500">
                     Original resolution:{" "}
                     {`${imageInfo.height}x${imageInfo.width}px`}