unify image sizes

src/components/ProjectComponent.tsx

@@ -3,15 +3,13 @@ export default function ProjectComponent({
     header,
     projectHeader,
     projectSubheader,
-    projectImage,
-    projectImageSize = "100"
+    projectImage
 }: {
     url: string,
     header: string,
     projectHeader: string,
     projectSubheader: string,
     projectImage?: string,
-    projectImageSize?: string
 }) {
     return (
         <a href={url} target="_blank">
@@ -21,7 +19,7 @@ export default function ProjectComponent({
                 <div className="block">
                     <div className="flex items-center">
                         {
-                            projectImage && <img alt="Project Image" src={projectImage} width={projectImageSize} className="flex-shrink-0" />
+                            projectImage && <img alt="Project Image" src={projectImage} width={100} height={100} className="w-[80px] h-[50px] object-cover" />
                         }
 
                         <div className="flex flex-col mx-2 min-w-0 flex-grow">

src/components/ProjectComponents/RecentBook.tsx

@@ -62,7 +62,6 @@ export default function RecentBook() {
                 projectSubheader={getDateString(data.startedOn, data.finished)}
                 url={"https://tracker.alexav.gg/?type=books&id=" + data.id}
                 projectImage={data.imageKey}
-                projectImageSize={"30"}
             />
         )
     } else {

src/components/ProjectComponents/RecentClip.tsx

@@ -57,7 +57,6 @@ export default function RecentClip() {
                 projectHeader={data[0].contentTitle}
                 projectSubheader={`${data[0].contentLikes} ${likeOrLikes(data[0].contentLikes)} | ${data[0].contentViews} ${viewOrViews(data[0].contentViews)}`}
                 projectImage={data[0].contentThumbnail}
-                projectImageSize={"80"}
             />
         )
     } else {

src/components/ProjectComponents/RecentGame.tsx

@@ -50,7 +50,6 @@ export default function RecentGame() {
                     : `Started on ${getTime(data.startedOn)}`
                 }
                 projectImage={"https://storage.alexav.gg/content/933d5523-5e20-4040-9fe9-b73552eac8ab.png"}
-                projectImageSize={"40"}
             />
         )
     } else {

src/components/ProjectComponents/RecentListens.tsx

@@ -34,7 +34,6 @@ export default function RecentListens() {
                 projectHeader={data[0].name}
                 projectSubheader={data[0].artist["#text"]}
                 projectImage={data[0].image.filter((v) => v.size === "medium")[0]["#text"]}
-                projectImageSize={"50"}
             />
         )
     } else {

src/components/ProjectComponents/RecentPhoto.tsx

@@ -35,9 +35,6 @@ export default function RecentPhoto() {
             setErrorState(e.message)
         })
     }, []);
-    useEffect(() => {
-        console.log(data)
-    }, [data])
 
     if (data && !loading) {
         return (
@@ -47,7 +44,6 @@ export default function RecentPhoto() {
                 projectHeader={data.name}
                 projectSubheader={`Taken on ${new Date(data.dateTaken).toLocaleDateString()}`}
                 projectImage={data.imageUrl}
-                projectImageSize={"85"}
             />
         )
     } else {

src/components/ProjectComponents/RecentWatch.tsx

@@ -62,7 +62,6 @@ export default function RecentWatch() {
                 projectSubheader={ getSubheaderText() }
                 url={"https://tracker.alexav.gg/?type=tv&id=" + data.id}
                 projectImage={data.imageKey}
-                projectImageSize={"30"}
             />
         )
     } else {