fix: Image component bug & maintenence bug

coderdojobraga · Feb 18, 2024 · 7a5598b · 7a5598b
1 parent beac92d
commit 7a5598b
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 28 deletions.
diff --git a/apps/blog/components/Author/index.tsx b/apps/blog/components/Author/index.tsx
@@ -4,15 +4,17 @@ import Image from "next/image";
 
 export default function Author({ name, photo, username }: IAuthor) {
   return (
-    <li className="flex items-center py-1">
+    <li className="flex items-center py-2">
       <Link href={`/author/${username}`}>
-        <a className="flex items-center">
+        <a className="ml-7 flex items-center">
           <Image
             src={`/img/team/${photo}`}
             alt="avatar"
+            height={40}
+            width={40}
             className="mx-4 h-10 w-10 rounded-full object-cover"
           />
-          <h1 className="mx-1 font-bold text-gray-700 hover:underline dark:text-white">
+          <h1 className="x-1 ml-3 font-bold text-gray-700 hover:underline dark:text-white">
             {name}
           </h1>
         </a>

diff --git a/apps/blog/components/Entry/index.tsx b/apps/blog/components/Entry/index.tsx
@@ -37,12 +37,14 @@ export default function Entry({
           <div>
             <Link href={`/author/${author?.username}`}>
               <a className="flex items-center">
-                <h1 className="text-dark font-bold hover:underline dark:text-white">
+                <h1 className="text-dark mr-7 font-bold hover:underline dark:text-white">
                   {author?.name}
                 </h1>
                 <Image
                   src={`/img/team/${author?.photo}`}
                   alt="avatar"
+                  width={40}
+                  height={40}
                   className="mx-4 hidden h-10 w-10 rounded-full object-cover sm:block"
                 />
               </a>

diff --git a/apps/blog/components/Featured/index.tsx b/apps/blog/components/Featured/index.tsx
@@ -28,6 +28,8 @@ export default function Featured({ title, author, date, topic, slug }: Props) {
               <Image
                 src={`/img/team/${author?.photo}`}
                 alt="avatar"
+                width={35}
+                height={35}
                 className="h-8 w-8 rounded-full object-cover"
               />
               <h1 className="mx-3 text-sm text-gray-700 hover:underline dark:text-white">

diff --git a/apps/maintenance/pages/index.tsx b/apps/maintenance/pages/index.tsx
@@ -27,20 +27,9 @@ const MaintenancePage = () => {
                   Pedimos desculpa por qualquer inconveniente e obrigado pela
                   sua paciência.
                 </p>
-                <p className="hidden text-base font-light text-gray-900 dark:text-gray-400 md:block md:text-lg lg:text-xl">
-                  Clique no dinossauro e dê o seu melhor!
-                </p>
                 <p className="text-base font-light text-gray-900 dark:text-gray-400 md:text-lg lg:text-xl">
                   Estaremos de volta em breve!
                 </p>
-                <div className="pt-26">
-                  <iframe
-                    src="/chrome-dino-game/index.html"
-                    title="Chrome Dino Game"
-                    style={{ width: "100%", height: "300px", border: "none" }}
-                    className="hidden md:block"
-                  ></iframe>
-                </div>
               </div>
             </section>
           </div>

diff --git a/apps/web/components/Champion/index.js b/apps/web/components/Champion/index.js
@@ -5,8 +5,11 @@ export default function Champion({ picture, name, role }) {
     <div className="w-12/12 xl:w-2/10 mx-auto mb-12 mt-12 px-4 sm:w-6/12 md:w-4/12 lg:mb-0 lg:w-4/12 2xl:w-4/12">
       <Image
         alt={name}
-        src={`img/team/${picture}`}
+        src={`/img/team/${picture}`}
+        width={40}
+        height={40}
         className="mx-auto h-56 w-56 rounded-full object-cover shadow-lg md:h-48 md:w-48"
+
       />
       <div className="p-4 text-center">
         <p className="text-3xl font-bold md:text-2xl lg:text-xl">{name}</p>

diff --git a/apps/web/components/Member/index.tsx b/apps/web/components/Member/index.tsx
@@ -5,13 +5,15 @@ import { ITeamMember } from "~/lib/types";
 export default function Member({ name, picture, role }: ITeamMember) {
   return (
     <div className="w-12/12 xl:w-2/10 mx-auto mb-12 mt-12 px-4 sm:w-6/12 md:w-4/12 lg:mb-0 lg:w-3/12 2xl:w-2/12">
-      <Image
-        alt={name}
-        src={`/img/team/${picture}`}
-        width={400}
-        height={400}
-        className="mx-auto h-56 w-56 rounded-full object-cover shadow-lg md:h-48 md:w-48"
-      />
+      <div className="flex justify-center">
+        <Image
+          alt={name}
+          src={`/img/team/${picture}`}
+          width={200}
+          height={200}
+          className="mx-auto h-56 w-56 rounded-full object-cover shadow-lg md:h-48 md:w-48"
+        />
+      </div>
       <div className="p-4 text-center">
         <p className="text-3xl font-bold md:text-2xl lg:text-xl">{name}</p>
         <p className="md:text-md mt-1 text-lg font-semibold uppercase text-purple-600 lg:text-sm">

diff --git a/apps/web/components/Speaker/index.js b/apps/web/components/Speaker/index.js
@@ -3,11 +3,15 @@ import Image from "next/image";
 export default function Speaker({ picture, name, role }) {
   return (
     <div className="w-12/12 mx-auto mb-12 mt-12 px-4 sm:w-6/12 md:w-4/12 lg:mb-0 lg:w-4/12 xl:w-3/12 2xl:w-4/12">
-      <Image
-        alt={name}
-        src={`img/team/${picture}`}
-        className="mx-auto h-52 w-52 rounded-full object-cover shadow-lg md:h-32 md:w-32"
-      />
+      <div className="flex justify-center">
+        <Image
+          alt={name}
+          src={`/img/team/${picture}`}
+          width={150}
+          height={150}
+          className="mx-auto h-52 w-52 rounded-full object-cover shadow-lg md:h-32 md:w-32"
+        />
+      </div>
       <div className="p-4 text-center">
         <p className="text-3xl font-bold md:text-2xl lg:text-xl">{name}</p>
         <p className="md:text-md mt-1 text-lg font-semibold uppercase text-purple-600 lg:text-sm">