From 1a92b948b702e04a981a692a154a5c1173724ce2 Mon Sep 17 00:00:00 2001 From: Sean Marcia Date: Wed, 20 Sep 2023 10:47:08 -0400 Subject: [PATCH] More updates and some refactorings. --- components/AddYourProjectButton.tsx | 24 + components/AddYourProjectLinkButton.tsx | 10 +- components/GitHubIcon.tsx | 10 + components/HappyCommitsInfo.tsx | 62 +++ components/HeroContainer.tsx | 18 + components/Layout.tsx | 11 +- components/Navbar.tsx | 66 ++- components/RepositoryList.tsx | 9 +- components/SiteLogo.tsx | 6 + package-lock.json | 623 +++++++++++++++--------- package.json | 3 +- pages/index.tsx | 4 + public/github.svg | 5 + tailwind.config.js | 3 + 14 files changed, 582 insertions(+), 272 deletions(-) create mode 100644 components/AddYourProjectButton.tsx create mode 100644 components/GitHubIcon.tsx create mode 100644 components/HappyCommitsInfo.tsx create mode 100644 components/HeroContainer.tsx create mode 100644 components/SiteLogo.tsx create mode 100644 public/github.svg diff --git a/components/AddYourProjectButton.tsx b/components/AddYourProjectButton.tsx new file mode 100644 index 0000000..89fa0e0 --- /dev/null +++ b/components/AddYourProjectButton.tsx @@ -0,0 +1,24 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faPlus } from '@fortawesome/free-solid-svg-icons'; + +export const AddYourProjectButton = () => { + return ( +
+ {/*
*/} + +
+    + Add your project +
+ + +
+ + ); +}; diff --git a/components/AddYourProjectLinkButton.tsx b/components/AddYourProjectLinkButton.tsx index a652d26..3522d82 100644 --- a/components/AddYourProjectLinkButton.tsx +++ b/components/AddYourProjectLinkButton.tsx @@ -1,12 +1,16 @@ +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faPlus } from '@fortawesome/free-solid-svg-icons'; + export const AddYourProjectLinkButton = () => { return ( -
+
+ Add your project
diff --git a/components/GitHubIcon.tsx b/components/GitHubIcon.tsx new file mode 100644 index 0000000..738a0ae --- /dev/null +++ b/components/GitHubIcon.tsx @@ -0,0 +1,10 @@ +import Image from "next/image"; + +export const GitHubIcon = () => { + + return ( +
+ First Issue +
+ ); +}; diff --git a/components/HappyCommitsInfo.tsx b/components/HappyCommitsInfo.tsx new file mode 100644 index 0000000..5fc2c11 --- /dev/null +++ b/components/HappyCommitsInfo.tsx @@ -0,0 +1,62 @@ +export const HappyCommitsInfo = () => { + return ( +
+
+
+ happy commits +
+
+ open source +
+ social-impact projects +
+
+ Our mission is to curate a list of open source projects with missions that are driven by + social impact. Let’s commit to a better future! +
+
+ + + +
Search Repositories
+
+
+
+ ); +}; diff --git a/components/HeroContainer.tsx b/components/HeroContainer.tsx new file mode 100644 index 0000000..2932c50 --- /dev/null +++ b/components/HeroContainer.tsx @@ -0,0 +1,18 @@ +import { GitHubIcon } from "./GitHubIcon"; +import { HappyCommitsInfo } from "./HappyCommitsInfo"; + +export const HeroContainer = () => { + return ( + <> +
+ + +
+ + ); +}; diff --git a/components/Layout.tsx b/components/Layout.tsx index 632681d..4670ecd 100644 --- a/components/Layout.tsx +++ b/components/Layout.tsx @@ -1,18 +1,13 @@ import React from "react"; -import { Navbar } from "./Navbar"; -import { Sidebar } from "./Sidebar"; - type LayoutProps = { children: React.ReactNode; }; export const Layout = ({ children }: LayoutProps) => ( -
- -
-
- +
+
+
{children}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx index 5d237df..c581fe4 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -1,26 +1,50 @@ -import { useRouter } from "next/router"; -import React from "react"; - -import { useAppData } from "../hooks/useAppData"; -import { Tag } from "../types"; +import { faPlus } from "@fortawesome/free-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; export const Navbar = () => { - const router = useRouter(); - const { tag: path } = router.query; - const { languages, topics } = useAppData(); - const tag = [...languages, ...topics].find((tag: Tag) => tag.id === path); - return ( -
- -
+ ); }; diff --git a/components/RepositoryList.tsx b/components/RepositoryList.tsx index d7c7017..9ce823f 100644 --- a/components/RepositoryList.tsx +++ b/components/RepositoryList.tsx @@ -49,24 +49,27 @@ export const RepositoryList = ({ repositories }: RepositoryListProps) => { return (
+
setFilter(e.target.value)} placeholder="Search Repositories" - className="border rounded-sm p-2 mb-4" + className="flex-1 mx-2 border rounded-sm p-2 mb-4" /> - +