added key prop to themes and more allowed domains

jsonresume · May 8, 2024 · 83ec5db · 83ec5db
1 parent 800ad12
commit 83ec5db
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/apps/homepage2/next.config.js b/apps/homepage2/next.config.js
@@ -21,6 +21,18 @@ module.exports = {
         port: '',
         pathname: '/*',
       },
+      {
+        protocol: 'https',
+        hostname: 'avatars.githubusercontent.com',
+        port: '',
+        pathname: '/*',
+      },
+      {
+        protocol: 'https',
+        hostname: 'screenshot-peach-beta.vercel.app',
+        port: '',
+        pathname: '/*',
+      },
     ],
   },
 };
diff --git a/apps/homepage2/pages/team.js b/apps/homepage2/pages/team.js
@@ -1,3 +1,5 @@
+import Image from 'next/image';
+
 export default function Team() {
   const team = {
     coreTeam: [
@@ -108,7 +110,7 @@ export default function Team() {
               <div className="row">
                 {team.coreTeam.map((member) => (
                   <div key={member.github} className="col-lg-6 person">
-                    <img
+                    <Image
                       className="avatar"
                       src={member.avatar}
                       alt={`Avatar of ${member.name}.`}
@@ -139,7 +141,7 @@ export default function Team() {
               <div className="row">
                 {team.standardsCommittee.map((member) => (
                   <div key={member.github} className="col-lg-6 person">
-                    <img
+                    <Image
                       className="avatar"
                       src={member.avatar}
                       alt={`Avatar of ${member.name}.`}

diff --git a/apps/homepage2/pages/themes.js b/apps/homepage2/pages/themes.js
@@ -1,3 +1,5 @@
+import Image from 'next/image';
+
 export default function GettingStarted() {
   // convert themes above into js array
   const themes = [
@@ -110,8 +112,11 @@ export default function GettingStarted() {
                       <a
                         href={`https://registry.jsonresume.org/thomasdavis?theme=${theme.slug}`}
                       >
-                        <img
+                        <Image
                           style={{ height: '129px' }}
+                          height="129"
+                          width="163"
+                          alt={theme.name}
                           src={`https://screenshot-peach-beta.vercel.app/api?v=1&url=https://registry.jsonresume.org/thomasdavis?theme=${theme.slug}&height=720&width=1280`}
                         />
                       </a>