fixed imgs

src/components/feed/SingleFeed.jsx

@@ -3,6 +3,7 @@ import { hasMirrored } from "lens/check-mirror.js";
 import { Link } from "react-router-dom";
 import { useEffect, useState } from "react";
 import PostStatus from "../post/PostStatus.jsx";
+import defaultUserIcon from "assets/defaultUserIcon.png";
 
 const SingleFeed = ({ data }) => {
   const stats = data.postStats;
@@ -35,6 +36,10 @@ const SingleFeed = ({ data }) => {
     }
   }, [loading]);
 
+  function addDefaultPFP(ev) {
+    ev.target.src = defaultUserIcon;
+  }
+
   return (
     <>
       {/* <div className="bg-gray-700 flex justify-center flex-col items-center text-white border border-rose-300 ">
@@ -62,6 +67,7 @@ const SingleFeed = ({ data }) => {
                   className="h-9 w-9 rounded-full ring-2 ring-blue-100 hover:brightness-90"
                   src={userProPic}
                   alt="profile picture"
+                  onError={addDefaultPFP}
                 />
               </Link>
               <div className="space-y-1 w-full flex flex-col overflow-hidden">

src/components/post/FullPost.jsx

@@ -38,6 +38,11 @@ const FullPost = ({ postData, mirrored, mirrorFunc, mirrorsCount }) => {
     }
   }, []);
 
+  const resolveLink = (url) => {
+    if (!url || !url.includes("ipfs://")) return url;
+    return url.replace("ipfs://", "https://gateway.ipfs.io/ipfs/");
+  };
+
   return (
     <>
       <div className="flex p-5 bg-white rounded-xl flex-col w-full self-start">
@@ -74,7 +79,7 @@ const FullPost = ({ postData, mirrored, mirrorFunc, mirrorsCount }) => {
           ) : (
             <div className="post picture flex justify-center">
               <img
-                src={postData.metadata.image}
+                src={resolveLink(postData.metadata.image)}
                 alt="post image"
                 className="rounded w-96 pr-2"
               />

src/components/profile/ProfilePage.jsx

@@ -140,6 +140,10 @@ export default function ProfilePage() {
     return <p>This profile doesn&apos;t exist</p>;
   }
 
+  function addDefaultPFP(ev) {
+    ev.target.src = defaultUserIcon;
+  }
+
   const profileName = profile?.name
     ? profile?.handle
     : profile?.handle
@@ -191,6 +195,7 @@ export default function ProfilePage() {
                   className="inline-block h-16 w-16 sm:h-20 sm:w-20 rounded-full"
                   src={profile?.picture?.original?.url || defaultUserIcon}
                   alt="profile picture"
+                  onError={addDefaultPFP}
                 />
               </div>
               <div className="">