Add in octocat.

github · Sep 23, 2023 · 12b56bd · 12b56bd
1 parent aee9ea9
commit 12b56bd
Show file tree

Hide file tree

Showing 3 changed files with 437 additions and 0 deletions.
diff --git a/components/GitHubOctocat.tsx b/components/GitHubOctocat.tsx
@@ -0,0 +1,9 @@
+import Image from "next/image";
+
+export const GitHubOctocat = () => {
+  return (
+    <div className="absolute z-10 right-80 top-60">
+    <Image src="/octocatwithbody.svg" alt="First Issue" width={384} height={384} />
+    </div>
+  );
+};
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -5,6 +5,7 @@ import { RepositoryList } from "../components/RepositoryList";
 import { useAppData } from "../hooks/useAppData";
 import { Navbar } from "../components/Navbar";
 import { HeroContainer } from "../components/HeroContainer";
+import { GitHubOctocat } from "../components/GitHubOctocat";
 
 export default function Home() {
   const { repositories } = useAppData();
@@ -17,6 +18,7 @@ export default function Home() {
       </Head>
       <Navbar />
       <HeroContainer filter={filter} setFilter={setFilter} />
+      <GitHubOctocat />
       <RepositoryList repositories={repositories} filter={filter} />
     </>
   );