Add back button (#42)

* add back button, changed favicon

* add hover state to back button

* chore(deps-dev): bump @types/react-dom from 18.2.12 to 18.2.14 (#23)

Bumps [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-dom) from 18.2.12 to 18.2.14.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react-dom)

---
updated-dependencies:
- dependency-name: "@types/react-dom"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump tailwindcss from 3.3.3 to 3.3.5 (#33)

Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 3.3.3 to 3.3.5.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md)
- [Commits](tailwindlabs/tailwindcss@v3.3.3...v3.3.5)

---
updated-dependencies:
- dependency-name: tailwindcss
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump @types/node from 20.8.8 to 20.8.10 (#39)

Bumps [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) from 20.8.8 to 20.8.10.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)

---
updated-dependencies:
- dependency-name: "@types/node"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: IgboPharaoh

src/app/favicon.ico

@@ -29,3 +29,14 @@ body {
 .gridBox {
     grid-template-rows: repeat(7, minmax(0, 1fr));
 }
+
+.arrowLeftIcon {
+    padding: 5px;
+    border-radius: 4px;
+    height: 32px;
+    width: 32px;
+}
+
+.arrowLeftIcon:hover {
+    background-color: #eeeeee;
+}

src/app/globals.css

@@ -9,6 +9,7 @@ import { useGithubIssues } from "@/hooks/useGithubIssues"
 import { IssuesAndPullRequests } from "../components/issues-and-prs"
 import "../globals.css"
 import ToolTip from "../components/tool-tip"
+import { ArrowLeftIcon } from "@radix-ui/react-icons"
 
 const Page = () => {
     const searchParams = useSearchParams()
@@ -18,14 +19,14 @@ const Page = () => {
         memoizedIssues,
         memoizedPrs,
         loading,
-        error,
         projects,
         toggleFilter,
         yearlyFilter,
         handleYearlyFilter,
         years,
         memoizedGraphValues,
-        onClickToolTip
+        onClickToolTip,
+        goBack
     } = useGithubIssues()
 
     return (
@@ -35,7 +36,17 @@ const Page = () => {
                 style={{ gridTemplateColumns: "3fr 1fr" }}
             >
                 <div className="w-full flex flex-col sm:border-2 md:p-8 md:pt-0 sm:pb-2 p-4 pt-0 gap-6 h-screen overflow-x-scroll">
-                    <section className="max-h-[201px] flex flex-col gap-4 pt-9">
+                    <section className="flex flex-col gap-4 pt-9">
+                        <button>
+                            <ArrowLeftIcon
+                                color="black"
+                                onClick={goBack}
+                                cursor="pointer"
+                                height="20px"
+                                width="20px"
+                                className="arrowLeftIcon"
+                            />
+                        </button>
                         <div className="flex gap-2 flex-col sm:justify-between sm:items-center  sm:flex-row">
                             <h2 className=" text-black capitalize">
                                 {username} contributions

src/app/result/page.tsx

@@ -1,4 +1,12 @@
-import { Contribution, Contributions, GridSet } from "@/types"
+import {
+    Contribution,
+    Contributions,
+    GridSet,
+    GRID_BLUE,
+    GRID_GRAY,
+    GRID_GREEN,
+    GRID_YELLOW
+} from "@/types"
 import { Comment, IssuesObject } from "@/types/comments"
 import { Project, PRsObject } from "@/types/pull_requests"
 
@@ -172,7 +180,7 @@ export function filterObject<Type extends { [s: string]: Array<any> }>(
     }
 }
 
-const months = [
+export const months = [
     "Jan",
     "Feb",
     "Mar",
@@ -187,6 +195,8 @@ const months = [
     "Dec"
 ]
 
+const days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+
 export const getYearlyContributions = (
     year: string,
     prsData: PRsObject,
@@ -362,21 +372,21 @@ export const boxColor = (arg: Contribution) => {
     const { activity, is_active } = arg
 
     if (!activity.length || is_active === false) {
-        return "#EEEEEE"
+        return GRID_GRAY
     } else {
         if (activity) {
             const allTypes = Array.from(new Set(activity.map((x) => x.type)))
 
             if (allTypes.length === 1) {
                 if (allTypes.includes("issues")) {
-                    return "#E7C23E"
+                    return GRID_YELLOW
                 } else if (allTypes.includes("prs")) {
-                    return "#0783F5"
+                    return GRID_BLUE
                 } else {
-                    return "#EEEEEE"
+                    return GRID_GRAY
                 }
             } else {
-                return "#39D353"
+                return GRID_GREEN
             }
         }
     }

src/helpers/utils.ts

@@ -7,7 +7,7 @@ import {
 } from "@/helpers/get-comments"
 import { getPullRequests } from "@/helpers/get-pull-requests"
 import { Project, PRsObject } from "@/types/pull_requests"
-import { useSearchParams } from "next/navigation"
+import { useRouter, useSearchParams } from "next/navigation"
 import {
     createGridSet,
     extractYears,
@@ -20,6 +20,7 @@ import { IssuesObject } from "@/types/comments"
 import { Contribution } from "@/types"
 
 export const useGithubIssues = () => {
+    const Router = useRouter()
     const searchParams = useSearchParams()
     const username = searchParams.get("username")
     const currentDate = new Date()
@@ -168,6 +169,8 @@ export const useGithubIssues = () => {
         }
     }
 
+    const goBack = () => Router.back()
+
     return {
         projects,
         loading,
@@ -180,6 +183,6 @@ export const useGithubIssues = () => {
         handleYearlyFilter,
         years,
         memoizedGraphValues,
-        onClickToolTip
+        onClickToolTip, goBack
     }
 }

src/hooks/useGithubIssues.ts

@@ -16,3 +16,8 @@ export type Contribution = {
     date: string
     activity: Array<{ date: string; type: string }>
 }
+
+export const GRID_YELLOW = '#E7C23E'
+export const GRID_BLUE = '#0783F5'
+export const GRID_GRAY = '#EEEEEE'
+export const GRID_GREEN = '#39D353'