add types to Portfolio.tsx

infoshareacademy · Feb 11, 2024 · 4437e66 · 4437e66
1 parent 6c0f881
commit 4437e66
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 57 deletions.
diff --git a/my-app/src/Components/Portfolio/Portfolio.jsx b/my-app/src/Components/Portfolio/Portfolio.jsx
diff --git a/my-app/src/Components/Portfolio/Portfolio.tsx b/my-app/src/Components/Portfolio/Portfolio.tsx
@@ -2,14 +2,14 @@ import styles from "./Portfolio.module.css";
 import { useContext, useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { ThemeContext } from "../../providers/theme.tsx";
-import { PortfolioInterface } from "./Portfolio.types";
+import { PortfolioDataInterface } from "./Portfolio.types";
 
 
 export const Portfolio = () => {
-  const [setImageId] = useState(null);
+  const [_, setImageId] = useState<number | null>(null);
   const { theme } = useContext(ThemeContext);
 
-  const [portfolioData, setPortfolioData] = useState<PortfolioInterface | null>(null);
+  const [portfolioData, setPortfolioData] = useState<PortfolioDataInterface | null>(null);
 
   useEffect(() => {
     fetch("/photos.json")

diff --git a/my-app/src/Components/Portfolio/Portfolio.types.ts b/my-app/src/Components/Portfolio/Portfolio.types.ts
@@ -5,4 +5,8 @@ export interface PortfolioInterface {
     price: number;
     url: string;
     width: number;
-  }
+  }
+
+export interface PortfolioDataInterface {
+  photos: Array<PortfolioInterface>;
+}