Fix unescaped apostrophe, fix missing jsx-key

This commit is contained in:
Xevion
2022-12-21 14:56:57 -06:00
parent b5a5b40678
commit 1e43c4239f
2 changed files with 4 additions and 5 deletions

View File

@@ -7,8 +7,8 @@ type SteppedSpanProps = {
const SteppedSpan: FunctionComponent<SteppedSpanProps> = ({children}: SteppedSpanProps) => { const SteppedSpan: FunctionComponent<SteppedSpanProps> = ({children}: SteppedSpanProps) => {
return <div className="stepped"> return <div className="stepped">
{children.split('').map((char: string) => { {children.split('').map((char: string, index) => {
return <span> return <span key={index}>
{char} {char}
</span> </span>
})} })}

View File

@@ -1,10 +1,9 @@
import {type NextPage} from "next"; import {type NextPage} from "next";
import Head from "next/head"; import Head from "next/head";
import {trpc} from "../utils/trpc";
import Image from "next/image"; import Image from "next/image";
import {ArrowLongRightIcon} from "@heroicons/react/24/outline"; import {ArrowLongRightIcon} from "@heroicons/react/24/outline";
import SteppedSpan from "../components/SteppedSpan"; import SteppedSpan from "../components/SteppedSpan";
import React from "react";
interface Project { interface Project {
title: string; title: string;
@@ -20,7 +19,7 @@ const Home: NextPage = () => {
description: <> description: <>
Phototag is a <b>powerful</b> and <b>efficient</b> tool that helps 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 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. making it faster and easier to organize and search for your images.
</> </>
}, },