From 1e43c4239f66357f1e9991b8598459107e106d6c Mon Sep 17 00:00:00 2001
From: Xevion <ryanchwalters@gmail.com>
Date: Wed, 21 Dec 2022 14:56:57 -0600
Subject: [PATCH] Fix unescaped apostrophe, fix missing jsx-key

---
 src/components/SteppedSpan.tsx | 4 ++--
 src/pages/index.tsx            | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/SteppedSpan.tsx b/src/components/SteppedSpan.tsx
index 364caed..cff1cc8 100644
--- a/src/components/SteppedSpan.tsx
+++ b/src/components/SteppedSpan.tsx
@@ -7,8 +7,8 @@ type SteppedSpanProps = {
 const SteppedSpan: FunctionComponent<SteppedSpanProps> = ({children}: SteppedSpanProps) => {
     return <div className="stepped">
 
-    {children.split('').map((char: string) => {
-        return <span>
+    {children.split('').map((char: string, index) => {
+        return <span key={index}>
             {char}
         </span>
     })}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index c0860a5..918c7b4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,10 +1,9 @@
 import {type NextPage} from "next";
 import Head from "next/head";
-
-import {trpc} from "../utils/trpc";
 import Image from "next/image";
 import {ArrowLongRightIcon} from "@heroicons/react/24/outline";
 import SteppedSpan from "../components/SteppedSpan";
+import React from "react";
 
 interface Project {
     title: string;
@@ -20,7 +19,7 @@ const Home: NextPage = () => {
             description: <>
                 Phototag is a <b>powerful</b> and <b>efficient</b> tool that helps
                 you <b>quickly</b> and <b>easily</b> describe your photos with
-                tags. Using Google's advanced Vision API, Phototag can automatically generate tags for your photos,
+                tags. Using Google&apos;s advanced Vision API, Phototag can automatically generate tags for your photos,
                 making it faster and easier to organize and search for your images.
             </>
         },