Added contact page and working on Art Page

2022-04-02 16:38:11 +05:30 · 2022-04-02 16:38:11 +05:30 · d0c1759d07
parent cc7f7a5a88
commit d0c1759d07
19 changed files with 491 additions and 178 deletions
--- a/components/artCard.js
+++ b/components/artCard.js
@ -0,0 +1,21 @@
+import React from "react";
+import ArtCardStyle from "./artCard.style";
+
+function SkillCard({ title, description, image }) {
+  return (
+    <ArtCardStyle>
+      <div className="card">
+        {image && (
+          <div className="card-logo">
+            <img src={image} height="30" />
+          </div>
+        )}
+        <div className="date">{title}</div>
+        <div className="content">{description}</div>
+        <footer className="footer"></footer>
+      </div>
+    </ArtCardStyle>
+  );
+}
+
+export default SkillCard;
--- a/components/artCard.style.jsx
+++ b/components/artCard.style.jsx
@ -0,0 +1,20 @@
+import styled from "styled-components";
+
+export default styled.div`
+  width: 33.33%;
+  padding: 10px;
+  .card {
+    background-color: var(--color1);
+    padding: 15px;
+    width: 100%;
+    height: auto;
+    border-radius: 5px;
+    transition: 0.1s;
+    :hover {
+      transform: scale(1.1);
+    }
+  }
+  .card-logo {
+    float: right;
+  }
+`;
--- a/components/contact.js
+++ b/components/contact.js
@ -3,7 +3,127 @@ import { name } from "config";
 import { ContactStyle } from "./contact.style";

 function Contact() {
-  return <ContactStyle>Contact will be here</ContactStyle>;
+  const [input, setInput] = React.useState({
+    senderName: "",
+    email: "",
+    message: "",
+    topic: "",
+  });
+  function changeInput(evt) {
+    const { name, value } = evt.target;
+    setInput({
+      ...input,
+      [name]: value,
+    });
+  }
+  function submitForm(evt) {
+    evt.preventDefault();
+    console.log(input);
+  }
+  return (
+    <ContactStyle>
+      <div className="form-group-main row">
+        <div className="column">
+          <div className="prewritten-info">
+            <div className="prewritten-info-content">
+              <h2>Contact Me</h2>
+              <br />
+              <p>
+                If you have any questions, feel free to contact me. I am always
+                open to discussing new projects and opportunities.
+              </p>
+              <br />
+              <p>
+                <h3>
+                  <strong>Email:</strong>
+                </h3>
+                <br />
+                <a href="mailto:me@bravo68web.me">me@bravo68web.me</a>
+              </p>
+              <br />
+              <p>
+                <h3>
+                  <strong>Phone:</strong>
+                </h3>
+                <br />
+                <a href="tel:+916291559872">+91 6291559872</a>
+              </p>
+              <br />
+              <p>
+                <h3>
+                  <strong>Discord:</strong>
+                </h3>
+                <br />
+                <a href="https://discord.com/users/457039372009865226">
+                  Bravo68-DF_Techs#6429
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
+        <div className="column">
+          <form onSubmit={submitForm} className="contact-us">
+            <div className="form-group">
+              <label htmlFor="email">Email Address </label>
+              <br />
+              <input
+                name="email"
+                required
+                value={input.email}
+                onChange={changeInput}
+                type="email"
+                className="form-control"
+                id="email"
+                placeholder="Your email"
+              />
+            </div>
+            <div className="form-group">
+              <label htmlFor="senderName">Your Name </label>
+              <br />
+              <input
+                name="senderName"
+                value={input.senderName}
+                onChange={changeInput}
+                type="text"
+                className="form-control"
+                id="senderName"
+                placeholder="Your Name"
+              />
+            </div>
+            <div className="form-group">
+              <label htmlFor="topic">Subject </label>
+              <br />
+              <input
+                name="topic"
+                value={input.topic}
+                onChange={changeInput}
+                type="text"
+                className="form-control"
+                id="topic"
+                placeholder="I want to talk about..."
+              />
+            </div>
+            <div className="form-group">
+              <label htmlFor="senderName">Message </label>
+              <br />
+              <textarea
+                name="message"
+                value={input.message}
+                onChange={changeInput}
+                type="text"
+                className="form-control"
+                id="message"
+                placeholder="Your message"
+              />
+            </div>
+            <button type="submit" className="btn btn-primary">
+              Submit
+            </button>
+          </form>
+        </div>
+      </div>
+    </ContactStyle>
+  );
 }

 export default Contact;
--- a/components/contact.style.jsx
+++ b/components/contact.style.jsx
@ -1,3 +1,243 @@
 import styled from "styled-components";

-export const ContactStyle = styled.div``;
+export const ContactStyle = styled.div`
+  padding: 10%;
+  align-items: center;
+  display: flex;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  background-image: url("images/background2.jpg");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  .row {
+    display: flex;
+  }
+
+  .column {
+    flex: 50%;
+  }
+
+  /* .form-group-main {
+    background: rgb(2, 0, 28);
+    border-radius: 10px;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    background: linear-gradient(
+      142deg,
+      rgba(2, 0, 28, 1) 0%,
+      rgba(9, 9, 121, 1) 35%,
+      rgba(0, 212, 255, 1) 100%
+    );
+    height: 40vh;
+    width: 75%;
+  } */
+  @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
+  body {
+    background: #2d3b36 url(http://www.luismruiz.com/img/blured.jpg) no-repeat
+      center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    padding-top: 100px;
+  }
+
+  form {
+    margin-left: auto;
+    margin-right: auto;
+    width: 343px;
+    height: 510px;
+    padding: 30px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background: rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+  }
+
+  .prewritten-info {
+    margin-left: auto;
+    margin-right: auto;
+    width: 343px;
+    height: 510px;
+    padding: 30px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background: rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+  }
+
+  .prewritten-info-content {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  textarea {
+    /* background: rgba(255, 255, 255, 0.4)
+      url(http://luismruiz.com/img/gemicon_message.png) no-repeat scroll 16px
+      16px; */
+    width: 276px;
+    resize: none;
+    height: 110px;
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    display: block;
+    font-family: "Source Sans Pro", sans-serif;
+    font-size: 18px;
+    color: #fff;
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-top: 12px;
+    margin-bottom: 20px;
+    overflow: hidden;
+  }
+
+  input {
+    width: 276px;
+    height: 48px;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    display: block;
+    font-family: "Source Sans Pro", sans-serif;
+    font-size: 18px;
+    color: #000000;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin-bottom: 20px;
+  }
+
+  .message-input {
+    height: 90px;
+  }
+
+  input[type="submit"] {
+    cursor: pointer;
+  }
+
+  input.name {
+    padding-left: 45px;
+  }
+
+  input.email {
+    padding-left: 45px;
+  }
+
+  input.message {
+    padding-left: 45px;
+  }
+  input.topic {
+    padding-left: 45px;
+  }
+  ::-webkit-input-placeholder {
+    color: #fff;
+  }
+
+  :-moz-placeholder {
+    color: #fff;
+  }
+
+  ::-moz-placeholder {
+    color: #fff;
+  }
+
+  :-ms-input-placeholder {
+    color: #fff;
+  }
+
+  input:focus,
+  textarea:focus {
+    background-color: rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
+    box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
+    overflow: hidden;
+    color: #fff;
+  }
+
+  .btn {
+    width: 138px;
+    height: 44px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    float: right;
+    /* border: 1px solid rgba(0, 0, 0, 0.2); */
+    border: 1px solid #253737;
+
+    background: rgb(131, 58, 180);
+    background: linear-gradient(
+      90deg,
+      rgba(131, 58, 180, 1) 0%,
+      rgba(253, 29, 29, 1) 50%,
+      rgba(252, 176, 69, 1) 100%
+    );
+    padding: 10.5px 21px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
+      inset rgba(255, 255, 255, 0.7) 0 1px 0;
+    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
+      inset rgba(255, 255, 255, 0.7) 0 1px 0;
+    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
+      inset rgba(255, 255, 255, 0.7) 0 1px 0;
+    text-shadow: #333333 0 1px 0;
+    color: #e1e1e1;
+  }
+
+  .btn:hover {
+    border: 1px solid #253737;
+    text-shadow: #333333 0 1px 0;
+    background: rgb(131, 58, 180);
+    background: linear-gradient(
+      90deg,
+      rgba(131, 58, 180, 1) 0%,
+      rgba(253, 29, 29, 1) 50%,
+      rgba(252, 176, 69, 1) 100%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc466b",endColorstr="#3f5efb",GradientType=1);
+    color: #fff;
+  }
+
+  .btn:active {
+    margin-top: 1px;
+    text-shadow: #333333 0 -1px 0;
+    border: 1px solid #253737;
+    background: rgb(131, 58, 180);
+    background: linear-gradient(
+      90deg,
+      rgba(131, 58, 180, 1) 0%,
+      rgba(253, 29, 29, 1) 50%,
+      rgba(252, 176, 69, 1) 100%
+    );
+  }
+`;
--- a/components/discord-activity.jsx
+++ b/components/discord-activity.jsx
@ -1,31 +1,30 @@
 import React, { useEffect, useState } from "react";
 import { DicordActivityStyle } from "./discord-activity.style";
 import { useLanyard } from "react-use-lanyard";
+import { discord_id } from "config";

 /* <pre>{!loading && JSON.stringify(status, null, 4)}</pre>; */
-var pickedStatus = "";

+const customStatus = [
+  "Searching for Cat Girls",
+  "Watching Anime",
+  "Sleeping",
+  "Studying",
+];
+const statusPicker = () => {
+  return customStatus[Math.floor(Math.random() * customStatus.length)];
+};
 export default function DiscordActivity() {
-  const { loading, status /*, websocket */ } = useLanyard({
-    userId: "457039372009865226",
+  const { loading, status } = useLanyard({
+    userId: discord_id,
    socket: true,
  });
  const [time, setTime] = useState("00:00:00 elapsed");
+  const [pickedStatus] = useState(statusPicker());
  const padTo2Digits = (num) => {
    return num.toString().padStart(2, "0");
  };
-  const customStatus = [
-    "Searching for Cat Girls",
-    "Watching Anime",
-    "Sleeping",
-    "Studying",
-  ];
-  const statusPicker = () => {
-    if (pickedStatus === "")
-      pickedStatus =
-        customStatus[Math.floor(Math.random() * customStatus.length)];
-    return pickedStatus;
-  };
+
  const convertMsToHM = (milliseconds) => {
    let seconds = Math.floor(milliseconds / 1000);
    let minutes = Math.floor(seconds / 60);
@ -57,8 +56,6 @@ export default function DiscordActivity() {
      clearInterval(interval);
    };
  }, [currentTs, loading]);
-  // console.log(status?.discord_status);
-  // console.log(status?.activities.length);
  if (
    !loading &&
    (status.discord_status === "online" ||
@ -106,7 +103,7 @@ export default function DiscordActivity() {
      );
    } else {
      // console.log("Hmmm Recv");
-      if (status.activities[1].name === "Spotify") {
+      if (status.activities[1]?.name === "Spotify") {
        return (
          <DicordActivityStyle>
            {!loading && (
@ -283,7 +280,7 @@ export default function DiscordActivity() {
          </div>
          <br />
          <div className="discord-message-files">
-            <b>{statusPicker()}</b>
+            <b>{pickedStatus}</b>
          </div>
          {/* <div className="time-elapsed">00:00:00 elapsed</div> */}
        </div>
--- a/components/main.jsx
+++ b/components/main.jsx
@ -1,7 +1,7 @@
 import React from "react";
 import MainStyle from "./main.style";
 import IconButton from "@mui/material/IconButton";
-import Button from "@mui/material/Button";
+// import Button from "@mui/material/Button";
 import GitHubIcon from "@mui/icons-material/GitHub";
 import TwitterIcon from "@mui/icons-material/Twitter";
 import LinkedInIcon from "@mui/icons-material/LinkedIn";
@ -13,8 +13,8 @@ import {
  linkedin_url,
  facebook_url,
  twitter_url,
-  email,
-  resume_url,
+  // email,
+  // resume_url,
  instagram_url,
 } from "config";
 import DiscordActivity from "./discord-activity";
@ -24,7 +24,11 @@ function Main() {
    <MainStyle>
      <div className="content">
        <div className="profile">
-          <img src="/images/profile.png" alt="" />
+          <img
+            src="/images/profile-new-transp.png"
+            alt=""
+            class="profile-img"
+          />
        </div>
        <div className="name">{name}</div>
        <br />
--- a/components/main.style.jsx
+++ b/components/main.style.jsx
@ -10,6 +10,26 @@ export default styled.main`
  background-image: url("/images/background.jpg");
  background-size: cover;
  background-position: center;
+  .profile-img {
+    border-radius: 50%;
+    background: rgb(251, 167, 63);
+    background: -moz-radial-gradient(
+      circle,
+      rgba(251, 167, 63, 1) 0%,
+      rgba(252, 70, 107, 1) 100%
+    );
+    background: -webkit-radial-gradient(
+      circle,
+      rgba(251, 167, 63, 1) 0%,
+      rgba(252, 70, 107, 1) 100%
+    );
+    background: radial-gradient(
+      circle,
+      rgba(251, 167, 63, 1) 0%,
+      rgba(252, 70, 107, 1) 100%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fba73f",endColorstr="#fc466b",GradientType=1);
+  }

  .backimage {
    filter: blur(8px);
--- a/components/nav.jsx
+++ b/components/nav.jsx
@ -6,6 +6,7 @@ import IconButton from "@mui/material/IconButton";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import MenuIcon from "@mui/icons-material/Menu";
+import { discord_id } from "config";

 const LINKS = [
  {
@ -17,14 +18,26 @@ const LINKS = [
    href: "/resume",
  },
  {
-    title: "Mail Me",
-    href: "mailto:me@bravo68web.me",
+    title: "Contact",
+    href: "/contact",
  },
+  {
+    title: "Art",
+    href: "/art",
+  },
+  {
+    title: "Blog",
+    href: "https://blog.bravo68web.me",
+  },
+  // {
+  //   title: "Mail Me",
+  //   href: "mailto:me@bravo68web.me",
+  // },
 ];

 function Nav() {
  const { loading, status /*, websocket */ } = useLanyard({
-    userId: "457039372009865226",
+    userId: discord_id,
    socket: true,
  });

@ -39,7 +52,7 @@ function Nav() {

  return (
    <NavStyle>
-      <Link href="/">
+      <Link href="/" passHref>
        <div className="title">
          <h1>echo &quot;Bravo&quot;</h1>
          <div className="indicator">
@ -85,7 +98,7 @@ function Nav() {
          }}
        >
          {LINKS.map(({ title, href }, index) => (
-            <MenuItem onClick={handleClose}>
+            <MenuItem key={index} onClick={handleClose}>
              <Link href={href}>{title}</Link>
            </MenuItem>
          ))}
--- a/components/skills.jsx
+++ b/components/skills.jsx
@ -20,8 +20,10 @@ function Skills() {
    //     console.log(err);
    //   });

-    const interval = setInterval(() => {
-      let [valid, skill] = APISDK.req();
+    const interval = setTimeout(async () => {
+      console.log("requesting");
+      console.log(await APISDK.req());
+      console.log(APISDK.data);
      if (valid) {
        setSkills(skill);
        setLoading(false);
--- a/config.js
+++ b/config.js
@ -9,3 +9,5 @@ export const address = "";
 export const website = "https://bravo68web.com";
 export const resume_url = "";
 export const facebook_url = "https://www.facebook.com/Bravo68Web/";
+export const discord_id = "457039372009865226";
+export const discord_profile = "";
--- a/handlers/requester.js
+++ b/handlers/requester.js
@ -1,18 +1,18 @@
 import axios from "./axios";

-export const tempEndpoint = (endpoint) => {
+export const tempEndpoint = async (endpoint, data) => {
  let response = [false, { error: "Error" }];
+
  var reqPromise = axios
    .get(endpoint)
    .then((res) => {
-      console.log(res.data);
+      data.github = res.data;
      response = [true, res.data];
    })
    .catch((err) => {
      console.log(err);
      response = [false, err];
    });
-  Promise.all(reqPromise).then(() => {
-    return response;
-  });
+  await Promise.all([reqPromise]);
+  return response;
 };
--- a/handlers/sdk.js
+++ b/handlers/sdk.js
@ -12,7 +12,8 @@ import { tempEndpoint } from "./requester";
 // twitter_tweets,

 export const APISDK = {
+  data: {},
  req() {
-    return tempEndpoint("/me/github/userdata");
+    return tempEndpoint("https://api.github.com/users/bravo68web", this.data);
  },
 };
--- a/next.config.js
+++ b/next.config.js
@ -1,3 +1,7 @@
 module.exports = {
  reactStrictMode: true,
-}
+  compiler: {
+    // ssr and displayName are configured by default
+    styledComponents: true,
+  },
+};
--- a/pages/_document.js
+++ b/pages/_document.js
@ -1,29 +0,0 @@
-import Document from "next/document";
-import { ServerStyleSheet } from "styled-components";
-
-export default class MyDocument extends Document {
-	static async getInitialProps(ctx) {
-		const sheet = new ServerStyleSheet();
-		const originalRenderPage = ctx.renderPage;
-
-		try {
-			ctx.renderPage = () =>
-				originalRenderPage({
-					enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
-				});
-
-			const initialProps = await Document.getInitialProps(ctx);
-			return {
-				...initialProps,
-				styles: (
-					<>
-						{initialProps.styles}
-						{sheet.getStyleElement()}
-					</>
-				),
-			};
-		} finally {
-			sheet.seal();
-		}
-	}
-}
--- a/public/images/background2.jpg
+++ b/public/images/background2.jpg
--- a/public/images/new.png
+++ b/public/images/new.png
--- a/public/images/newOrg.png
+++ b/public/images/newOrg.png
--- a/public/images/profile-new-transp.png
+++ b/public/images/profile-new-transp.png
--- a/yarn.lock
+++ b/yarn.lock
@ -115,13 +115,6 @@
    core-js-pure "^3.19.0"
    regenerator-runtime "^0.13.4"

-"@babel/runtime@^7.0.0", "@babel/runtime@^7.17.2":
-  version "7.17.8"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.8.tgz#3e56e4aff81befa55ac3ac6a0967349fd1c5bca2"
-  integrity sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
 "@babel/runtime@^7.10.2", "@babel/runtime@^7.16.3":
  version "7.16.3"
  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.3.tgz#b86f0db02a04187a3c17caa77de69840165d42d5"
@ -136,6 +129,13 @@
  dependencies:
    regenerator-runtime "^0.13.4"

+"@babel/runtime@^7.17.2":
+  version "7.17.8"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.8.tgz#3e56e4aff81befa55ac3ac6a0967349fd1c5bca2"
+  integrity sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.16.0":
  version "7.16.0"
  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.0.tgz#d16a35ebf4cd74e202083356fab21dd89363ddd6"
@ -518,11 +518,6 @@
  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.1.0.tgz#7f698254aadf921e48dda8c0a6b304026b8a9323"
  integrity sha512-JLo+Y592QzIE+q7Dl2pMUtt4q8SKYI5jDrZxrozEQxnGVOyYE+GWK9eLkwTaeN9DDctlaRAQ3TBmzZ1qdLE30A==

-"@types/json-schema@^7.0.8":
-  version "7.0.11"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
-  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
-
 "@types/json5@^0.0.29":
  version "0.0.29"
  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@ -620,12 +615,7 @@ acorn@^7.4.0:
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==

-ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.4:
  version "6.12.6"
  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@ -774,11 +764,6 @@ balanced-match@^1.0.0:
  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==

-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
 brace-expansion@^1.1.7:
  version "1.1.11"
  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@ -1001,11 +986,6 @@ emoji-regex@^9.2.2:
  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==

-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
 enquirer@^2.3.5:
  version "2.3.6"
  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@ -1324,14 +1304,6 @@ file-entry-cache@^6.0.1:
  dependencies:
    flat-cache "^3.0.4"

-file-loader@^6.0.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
-  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-
 fill-range@^7.0.1:
  version "7.0.1"
  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@ -1713,11 +1685,6 @@ json5@^1.0.1:
  dependencies:
    minimist "^1.2.0"

-json5@^2.1.2:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
-  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
-
 jsonfile@^6.0.1:
  version "6.1.0"
  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@ -1760,15 +1727,6 @@ lines-and-columns@^1.1.6:
  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==

-loader-utils@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.2.tgz#d6e3b4fb81870721ae4e0868ab11dd638368c129"
-  integrity sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
 locate-path@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@ -1806,26 +1764,6 @@ lru-cache@^6.0.0:
  dependencies:
    yallist "^4.0.0"

-make-cancellable-promise@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/make-cancellable-promise/-/make-cancellable-promise-1.1.0.tgz#b4e9fcb31db3a27417e44f80cffa598ec9ac9f4e"
-  integrity sha512-X5Opjm2xcZsOLuJ+Bnhb4t5yfu4ehlA3OKEYLtqUchgVzL/QaqW373ZUVxVHKwvJ38cmYuR4rAHD2yUvAIkTPA==
-
-make-event-props@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/make-event-props/-/make-event-props-1.3.0.tgz#2434cb390d58bcf40898d009ef5b1f936de9671b"
-  integrity sha512-oWiDZMcVB1/A487251hEWza1xzgCzl6MXxe9aF24l5Bt9N9UEbqTqKumEfuuLhmlhRZYnc+suVvW4vUs8bwO7Q==
-
-merge-class-names@^1.1.1:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/merge-class-names/-/merge-class-names-1.4.2.tgz#78d6d95ab259e7e647252a7988fd25a27d5a8835"
-  integrity sha512-bOl98VzwCGi25Gcn3xKxnR5p/WrhWFQB59MS/aGENcmUc6iSm96yrFDF0XSNurX9qN4LbJm0R9kfvsQ17i8zCw==
-
-merge-refs@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/merge-refs/-/merge-refs-1.0.0.tgz#388348bce22e623782c6df9d3c4fc55888276120"
-  integrity sha512-WZ4S5wqD9FCR9hxkLgvcHJCBxzXzy3VVE6p8W2OzxRzB+hLRlcadGE2bW9xp2KSzk10rvp4y+pwwKO6JQVguMg==
-
 merge2@^1.3.0:
  version "1.4.1"
  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
@ -2039,11 +1977,6 @@ path-type@^4.0.0:
  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==

-pdfjs-dist@2.12.313:
-  version "2.12.313"
-  resolved "https://registry.yarnpkg.com/pdfjs-dist/-/pdfjs-dist-2.12.313.tgz#62f2273737bb956267ae2e02cdfaddcb1099819c"
-  integrity sha512-1x6iXO4Qnv6Eb+YFdN5JdUzt4pAkxSp3aLAYPX93eQCyg/m7QFzXVWJHJVtoW48CI8HCXju4dSkhQZwoheL5mA==
-
 picocolors@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@ -2132,22 +2065,6 @@ react-is@^17.0.2:
  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==

-react-pdf@^5.7.2:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/react-pdf/-/react-pdf-5.7.2.tgz#c458dedf7983822668b40dcac1eae052c1f6e056"
-  integrity sha512-hdDwvf007V0i2rPCqQVS1fa70CXut17SN3laJYlRHzuqcu8sLLjEoeXihty6c0Ev5g1mw31b8OT8EwRw1s8C4g==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    file-loader "^6.0.0"
-    make-cancellable-promise "^1.0.0"
-    make-event-props "^1.1.0"
-    merge-class-names "^1.1.1"
-    merge-refs "^1.0.0"
-    pdfjs-dist "2.12.313"
-    prop-types "^15.6.2"
-    tiny-invariant "^1.0.0"
-    tiny-warning "^1.0.0"
-
 react-transition-group@^4.4.2:
  version "4.4.2"
  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
@ -2250,15 +2167,6 @@ scheduler@^0.20.2:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"

-schema-utils@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
 semver@^6.3.0:
  version "6.3.0"
  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@ -2443,16 +2351,6 @@ text-table@^0.2.0:
  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=

-tiny-invariant@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9"
-  integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==
-
-tiny-warning@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
-  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
-
 to-fast-properties@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"