add @kichiyaki/roboto, update technologies that I used in my projects

gatsby-browser.js

@@ -1,7 +1 @@
-/**
+import "@kichiyaki/roboto"
- * Implement Gatsby's Browser APIs in this file.
- *
- * See: https://www.gatsbyjs.org/docs/browser-apis/
- */
-
-// You can delete this file if you're not using it

package.json

@@ -5,6 +5,7 @@
   "version": "0.1.0",
   "author": "Dawid Wysokiński <xyztojajestem@gmail.com>",
   "dependencies": {
+    "@kichiyaki/roboto": "^1.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/styles": "^4.10.0",

src/components/Layout/Layout.js

@@ -3,7 +3,6 @@ import PropTypes from "prop-types"
 import classnames from "classnames"
 
 import { makeStyles } from "@material-ui/core/styles"
-import { Helmet } from "react-helmet"
 import { CssBaseline } from "@material-ui/core"
 import Navbar from "./Navbar"
 import Footer from "./Footer"
@@ -27,12 +26,6 @@ const Layout = ({
 
   return (
     <Fragment>
-      <Helmet>
-        <link
-          href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
-          rel="stylesheet"
-        ></link>
-      </Helmet>
       {showNavbar && <Navbar {...navbarProps} />}
       <main className={classnames(className, classes.main)}>{children}</main>
       {showFooter && <Footer />}

src/components/Layout/Navbar.js

@@ -55,7 +55,7 @@ const useStyles = makeStyles(theme => ({
 
 function Navbar({ className, ...rest }) {
   const classes = useStyles()
-  const handleLinkClick = useSmoothScroll()
+  const handleClickLink = useSmoothScroll()
 
   return (
     <AppBar
@@ -77,7 +77,7 @@ function Navbar({ className, ...rest }) {
               title="Start"
               color="inherit"
               href={"#" + HEADER_ID}
-              onClick={handleLinkClick(HEADER_ID)}
+              onClick={handleClickLink(HEADER_ID)}
             >
               Start
             </Link>
@@ -85,7 +85,7 @@ function Navbar({ className, ...rest }) {
               title="Projekty"
               color="inherit"
               href={"#" + PROJECTS_SECTION_ID}
-              onClick={handleLinkClick(PROJECTS_SECTION_ID)}
+              onClick={handleClickLink(PROJECTS_SECTION_ID)}
             >
               Projekty
             </Link>
@@ -93,7 +93,7 @@ function Navbar({ className, ...rest }) {
               title="Kontakt"
               color="inherit"
               href={"#" + CONTACT_SECTION_ID}
-              onClick={handleLinkClick(CONTACT_SECTION_ID)}
+              onClick={handleClickLink(CONTACT_SECTION_ID)}
             >
               Kontakt
             </Link>

src/features/HomePage/components/Projects/Project.js

@@ -1,7 +1,7 @@
 import React from "react"
 import PropTypes from "prop-types"
 import classnames from "classnames"
-import noImage from "./noImage.jpg"
+import notFound from "./not-found.jpg"
 
 import { makeStyles } from "@material-ui/core/styles"
 import {
@@ -141,7 +141,7 @@ Project.defaultProps = {
   technologies: [],
   github: "",
   live: "",
-  img: noImage,
+  img: notFound,
 }
 
 Project.propTypes = {

src/features/HomePage/components/Projects/Projects.js

@@ -91,6 +91,7 @@ const projects = [
     description:
       "Serwis zawierający różne pomoce dla graczy plemion, zaczynając od bota na Discorda i przeróżnych skryptów, kończąc na ogólnodostępnym API z danymi serwerów plemion (informacje o graczach, wioskach, plemionach, zmianach plemion itd.).",
     technologies: [
+      "GraphQL",
       "Golang",
       "gqlgen",
       "Gin",
@@ -98,9 +99,13 @@ const projects = [
       "robfig/cron",
       "Redis",
       "PostgreSQL",
+      "TypeScript",
       "React",
       "Gatsby",
       "Material-UI",
+      "Create React App",
+      "Apollo",
+      "Parcel",
       "Docker",
       "Traefik",
     ],
@@ -113,14 +118,15 @@ const projects = [
     description:
       "Aplikacja mobilna oraz webowa przeznaczona do wykonywania testów zawodowych.",
     technologies: [
-      "React",
+      "GraphQL",
-      "Next.JS",
-      "Material-UI",
-      "Apollo Client",
       "Golang",
       "gqlgen",
       "Echo",
       "PostgreSQL",
+      "React",
+      "Next.JS",
+      "Material-UI",
+      "Apollo",
       "React Native",
     ],
     github: "",
@@ -137,7 +143,7 @@ const projects = [
   },
   {
     title: "dawid-wysokinski.pl",
-    description: "Moje portfolio.",
+    description: "",
     technologies: ["React", "Gatsby", "Material-UI"],
     github: "https://github.com/Kichiyaki/dawid-wysokinski.pl",
     live: "https://dawid-wysokinski.pl",
@@ -148,19 +154,19 @@ const projects = [
     description:
       "Program służący do automatycznego przeglądania ogłoszeń na portalu olx.",
     technologies: [
-      "React",
-      "Material-UI",
       "Golang",
       "Colly",
       "SQLite3",
       "Echo",
+      "React",
+      "Material-UI",
     ],
     fluid: "projects/olx.png",
     github: "https://github.com/Kichiyaki/olx-crawler",
   },
   {
     title: "Instaling.pl Bot",
-    description: "Bot automatycznie wykonujący sesje na stronie instaling.pl.",
+    description: "Bot automatycznie wykonujący testy na stronie instaling.pl.",
     technologies: ["Golang", "Lorca"],
     fluid: "projects/instaling.png",
     github: "https://github.com/Kichiyaki/Instaling-Bot",

yarn.lock

@@ -1383,6 +1383,11 @@
     core-js "^3.4.1"
     regenerator-runtime "^0.13.3"
 
+"@kichiyaki/roboto@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@kichiyaki/roboto/-/roboto-1.0.0.tgz#6f5dfb40e2423940588946c952490b123ca8088b"
+  integrity sha512-4pfkzXOqtSWZvvkA6jI30h+y2vDOvhEavYo4O32C98jPk2zqIiFwd4SwiiFe9xzjQsPURqO89rUTZlChU255bQ==
+
 "@material-ui/core@^4.11.0":
   version "4.11.0"
   resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.11.0.tgz#b69b26e4553c9e53f2bfaf1053e216a0af9be15a"