Port to TypeScript

src/pages/about.tsx

@@ -187,6 +187,7 @@ const AboutPage = (props) => {
                                                 }
                                                 objectFit="cover"
                                                 style={{ height: "100%" }}
+                                                alt={project.name}
                                             ></GatsbyImage>
                                         </div>
                                         <div

src/pages/donate.module.scss.d.ts

@@ -0,0 +1,3 @@
+export const donateButton: string;
+export const priceAmount: string;
+export const sronly: string;

src/pages/donate.tsx

@@ -93,7 +93,7 @@ const DonatePage = (props) => {
                             step="1"
                             value={amount}
                             onChange={(ev) => {
-                                setAmount(ev.target.value);
+                                setAmount(parseInt(ev.target.value));
                             }}
                             name="priceInput"
                             id="priceInput"

src/pages/friends.module.scss.d.ts

@@ -0,0 +1,9 @@
+export const contactLink: string;
+export const contactLinks: string;
+export const friendBg: string;
+export const friendBio: string;
+export const friendImage: string;
+export const friendName: string;
+export const friendProfile: string;
+export const friendsList: string;
+export const friendTitle: string;

src/pages/friends.tsx

@@ -77,6 +77,7 @@ const FriendsPage = ({ data }) => {
                                                 image={getImage(
                                                     friend.localImage
                                                 )}
+                                                alt={friend.name}
                                             ></GatsbyImage>
                                         </div>
                                         <span

src/pages/index.module.scss.d.ts

@@ -0,0 +1,38 @@
+export const aboutSection: string;
+export const aboutText: string;
+export const amazonAlexaSection: string;
+export const birth: string;
+export const careerContainer: string;
+export const contactLink: string;
+export const contactLinks: string;
+export const creditSection: string;
+export const ctaAccent: string;
+export const date: string;
+export const description: string;
+export const donationSection: string;
+export const entry: string;
+export const entryContent: string;
+export const entryTypeeducation: string;
+export const hello: string;
+export const heroSection: string;
+export const heroSectionBg: string;
+export const heroSectionBgOver: string;
+export const hireMeSection: string;
+export const landingCta: string;
+export const mainline: string;
+export const name: string;
+export const profile: string;
+export const profileCard: string;
+export const profileImage: string;
+export const profileImageDummy: string;
+export const seeMoreButton: string;
+export const skill: string;
+export const skillFramework: string;
+export const skillLanguage: string;
+export const skillList: string;
+export const skillOs: string;
+export const skillPlatform: string;
+export const skillProgram: string;
+export const skills: string;
+export const spacer: string;
+export const title: string;

src/pages/index.tsx

@@ -124,6 +124,7 @@ const IndexPage = (props) => {
                             width={250}
                             height={350}
                             placeholder="blurred"
+                            alt="Kevin Kandlbinder"
                         ></StaticImage>
                     </div>
                     <div className={styles.profileImageDummy}></div>

src/pages/projects.module.scss.d.ts

@@ -0,0 +1,8 @@
+export const projectCard: string;
+export const projectCardBg: string;
+export const projectCardCta: string;
+export const projectCardCtaContainer: string;
+export const projectCardImage: string;
+export const projectCardMeta: string;
+export const projectCardTitle: string;
+export const projectList: string;

src/pages/projects.tsx

@@ -102,6 +102,7 @@ const ProjectsPage = ({ data }) => {
                                                 }
                                                 objectFit="cover"
                                                 style={{ height: "100%" }}
+                                                alt={project.name}
                                             ></GatsbyImage>
                                         </div>
                                         <div className={styles.projectCardMeta}>

src/pages/social.module.scss.d.ts

@@ -0,0 +1,6 @@
+export const socialBg: string;
+export const socialCard: string;
+export const socialImage: string;
+export const socialList: string;
+export const socialName: string;
+export const socialUsername: string;

src/pages/social.tsx

@@ -65,6 +65,7 @@ const SocialPage = ({ data }) => {
                                                 image={getImage(
                                                     social.localImage
                                                 )}
+                                                alt={social.platformName}
                                             ></GatsbyImage>
                                         </div>
                                         <span className={styles.socialName}>