diff --git a/components/AddYourProjectButton.tsx b/components/AddYourProjectButton.tsx new file mode 100644 index 00000000..89fa0e05 --- /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 a652d26e..3522d82b 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 00000000..738a0aeb --- /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 00000000..5fc2c119 --- /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 00000000..2932c503 --- /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 632681de..4670ecd5 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 5d237dfc..c581fe45 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 d7c70177..9ce823f3 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" /> - +