Merge branch 'master' of git.plannaplan.pl:y0rune/frontend

.gitlab-ci.yml

@@ -0,0 +1,36 @@
+stages:
+  - build
+  - test
+  - deploy
+
+build:
+  stage: build
+  image: node
+  script:
+    - echo "Start building App"
+    - npm install typescript eslint
+    - npm install
+    - npm run build
+    - echo "Build successfully!"
+  artifacts:
+    expire_in: 1 hour
+    paths:
+      - build
+      - node_modules/
+
+test:
+  stage: test
+  image: node
+  script:
+    - echo "Testing App"
+    - CI=true npm test --passWithNoTests
+    - echo "Test successfully!"
+
+deploy_production:
+    stage: deploy
+    script:
+        - echo "Deploying to server"
+        - rsync --progress -r build/* --delete root@35.207.132.68:/var/www/plannaplan.pl
+        - echo "Deployed"
+    only:
+        - master

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

build/asset-manifest.json

@@ -0,0 +1,24 @@
+{
+  "files": {
+    "main.js": "/static/js/main.993a2e72.chunk.js",
+    "main.js.map": "/static/js/main.993a2e72.chunk.js.map",
+    "runtime-main.js": "/static/js/runtime-main.38573804.js",
+    "runtime-main.js.map": "/static/js/runtime-main.38573804.js.map",
+    "static/js/2.f941ed96.chunk.js": "/static/js/2.f941ed96.chunk.js",
+    "static/js/2.f941ed96.chunk.js.map": "/static/js/2.f941ed96.chunk.js.map",
+    "index.html": "/index.html",
+    "precache-manifest.36f396009b702c50e7d07732240c69e5.js": "/precache-manifest.36f396009b702c50e7d07732240c69e5.js",
+    "service-worker.js": "/service-worker.js",
+    "static/js/2.f941ed96.chunk.js.LICENSE.txt": "/static/js/2.f941ed96.chunk.js.LICENSE.txt",
+    "static/media/PL.png": "/static/media/PL.6e9ee893.png",
+    "static/media/UK.png": "/static/media/UK.b4dad475.png",
+    "static/media/close.svg": "/static/media/close.464128e7.svg",
+    "static/media/search.svg": "/static/media/search.fa0d12ae.svg",
+    "static/media/user.png": "/static/media/user.4ba6e2a4.png"
+  },
+  "entrypoints": [
+    "static/js/runtime-main.38573804.js",
+    "static/js/2.f941ed96.chunk.js",
+    "static/js/main.993a2e72.chunk.js"
+  ]
+}

build/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="pl"><head><meta charset="utf-8"/><link rel="icon" href="/logo.svg"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo.svg"/><link rel="manifest" href="/manifest.json"/><title>PlanNaPlan</title></head><body><noscript>Potrzebujesz włączyć JavaScript, żeby otworzyć tę aplikację<br>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,l,a=r[0],p=r[1],f=r[2],c=0,s=[];c<a.length;c++)l=a[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in p)Object.prototype.hasOwnProperty.call(p,n)&&(e[n]=p[n]);for(i&&i(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var p=t[a];0!==o[p]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var a=this.webpackJsonpplannaplan=this.webpackJsonpplannaplan||[],p=a.push.bind(a);a.push=r,a=a.slice();for(var f=0;f<a.length;f++)r(a[f]);var i=p;t()}([])</script><script src="/static/js/2.f941ed96.chunk.js"></script><script src="/static/js/main.993a2e72.chunk.js"></script></body></html>

build/logo.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="200" height="200" viewBox="0 0 200 200">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #6d6e71;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        fill-rule: evenodd;
+      }
+
+      .cls-2 {
+        fill: #f9ca24;
+      }
+
+      .cls-3 {
+        fill: #1761a0;
+      }
+    </style>
+  </defs>
+  <path d="M22.000,156.000 L23.000,154.000 L24.000,153.000 L25.000,152.000 L26.000,151.000 L28.000,150.000 L33.000,150.000 L35.000,151.000 L36.000,152.000 L37.000,153.000 L38.000,154.000 L39.000,156.000 L39.000,161.000 L38.000,163.000 L37.000,164.000 L36.000,165.000 L35.000,166.000 L33.000,167.000 L28.000,167.000 L26.000,166.000 L25.000,165.000 L24.000,164.000 L23.000,163.000 L22.000,161.000 L22.000,156.000 ZM26.000,156.000 L27.000,155.000 L28.000,154.000 L33.000,154.000 L34.000,155.000 L35.000,156.000 L35.000,161.000 L34.000,162.000 L33.000,163.000 L28.000,163.000 L27.000,162.000 L26.000,161.000 L26.000,156.000 Z" class="cls-1"/>
+  <path d="M10.000,75.000 L100.000,131.000 L190.000,75.000 L100.000,20.000 L10.000,75.000 Z" class="cls-2"/>
+  <path d="M84.000,52.000 L86.000,54.000 L32.000,89.000 L32.000,153.000 L29.000,153.000 L29.000,88.000 L84.000,52.000 Z" class="cls-1"/>
+  <path d="M45.000,102.000 L45.000,143.000 L100.000,180.000 L155.000,143.000 L155.000,102.000 L100.000,136.000 L45.000,102.000 Z" class="cls-3"/>
+</svg>

build/manifest.json

@@ -0,0 +1,13 @@
+{
+  "short_name": "PlanNaPlan",
+  "name": "PlanNaPlan",
+  "icons": [
+    {
+      "src": "logo.svg"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

build/precache-manifest.36f396009b702c50e7d07732240c69e5.js

@@ -0,0 +1,42 @@
+self.__precacheManifest = (self.__precacheManifest || []).concat([
+  {
+    "revision": "53d5f0388bed11f07f899035cb978454",
+    "url": "/index.html"
+  },
+  {
+    "revision": "4d480560b5cfff1aa5a8",
+    "url": "/static/js/2.f941ed96.chunk.js"
+  },
+  {
+    "revision": "68ba00d5eb083746d913686923a3d904",
+    "url": "/static/js/2.f941ed96.chunk.js.LICENSE.txt"
+  },
+  {
+    "revision": "209120e09e641f02e991",
+    "url": "/static/js/main.993a2e72.chunk.js"
+  },
+  {
+    "revision": "c20b5bb64d57e939de77",
+    "url": "/static/js/runtime-main.38573804.js"
+  },
+  {
+    "revision": "6e9ee893741bee46177f72398176ad9e",
+    "url": "/static/media/PL.6e9ee893.png"
+  },
+  {
+    "revision": "b4dad47599118a028176ceb8bbbc7a02",
+    "url": "/static/media/UK.b4dad475.png"
+  },
+  {
+    "revision": "464128e7e5f72a712b7c752996e86b58",
+    "url": "/static/media/close.464128e7.svg"
+  },
+  {
+    "revision": "fa0d12ae1b4380d1515aed6c5e5cbc07",
+    "url": "/static/media/search.fa0d12ae.svg"
+  },
+  {
+    "revision": "4ba6e2a4136a8a9ce072ee9c1e403f3a",
+    "url": "/static/media/user.4ba6e2a4.png"
+  }
+]);

build/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

build/service-worker.js

@@ -0,0 +1,39 @@
+/**
+ * Welcome to your Workbox-powered service worker!
+ *
+ * You'll need to register this file in your web app and you should
+ * disable HTTP caching for this file too.
+ * See https://goo.gl/nhQhGp
+ *
+ * The rest of the code is auto-generated. Please don't update this file
+ * directly; instead, make changes to your Workbox build configuration
+ * and re-run your build process.
+ * See https://goo.gl/2aRDsh
+ */
+
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
+
+importScripts(
+  "/precache-manifest.36f396009b702c50e7d07732240c69e5.js"
+);
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting();
+  }
+});
+
+workbox.core.clientsClaim();
+
+/**
+ * The workboxSW.precacheAndRoute() method efficiently caches and responds to
+ * requests for URLs in the manifest.
+ * See https://goo.gl/S9QRab
+ */
+self.__precacheManifest = [].concat(self.__precacheManifest || []);
+workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
+
+workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), {
+  
+  blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/],
+});

build/static/js/2.f941ed96.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 2.f941ed96.chunk.js.LICENSE.txt */
+(this.webpackJsonpplannaplan=this.webpackJsonpplannaplan||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(87)},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(23);function i(e,t){if(null==e)return{};var n,i,o=Object(r.a)(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}},function(e,t,n){"use strict";(function(e){n.d(t,"a",(function(){return Te}));var r=n(32),i=n(0),o=n.n(i),a=(n(74),n(75)),u=n(76),l=n(52),c=n(41),s=n.n(c);function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var d=function(e,t){for(var n=[e[0]],r=0,i=t.length;r<i;r+=1)n.push(t[r],e[r+1]);return n},p=function(e){return null!==e&&"object"===typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!Object(r.typeOf)(e)},h=Object.freeze([]),v=Object.freeze({});function m(e){return"function"===typeof e}function g(e){return e.displayName||e.name||"Component"}function y(e){return e&&"string"===typeof e.styledComponentId}var b="undefined"!==typeof e&&(Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,REACT_APP_API_URL:"http://localhost:1285"}).REACT_APP_SC_ATTR||Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,REACT_APP_API_URL:"http://localhost:1285"}).SC_ATTR)||"data-styled",w="undefined"!==typeof window&&"HTMLElement"in window,x="boolean"===typeof SC_DISABLE_SPEEDY&&SC_DISABLE_SPEEDY||"undefined"!==typeof e&&(Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,REACT_APP_API_URL:"http://localhost:1285"}).REACT_APP_SC_DISABLE_SPEEDY||Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,REACT_APP_API_URL:"http://localhost:1285"}).SC_DISABLE_SPEEDY)||!1,k={},E=function(){return n.nc};function S(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/master/packages/styled-components/src/utils/errors.md#"+e+" for more information."+(n.length>0?" Additional arguments: "+n.join(", "):""))}var O=function(e){var t=document.head,n=e||t,r=document.createElement("style"),i=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(b))return r}}(n),o=void 0!==i?i.nextSibling:null;r.setAttribute(b,"active"),r.setAttribute("data-styled-version","5.1.1");var a=E();return a&&r.setAttribute("nonce",a),n.insertBefore(r,o),r},_=function(){function e(e){var t=this.element=O(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var i=t[n];if(i.ownerNode===e)return i}S(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(n){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"===typeof t.cssText?t.cssText:""},e}(),C=function(){function e(e){var t=this.element=O(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),T=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),j=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,i=r;e>=i;)(i<<=1)<0&&S(16,""+e);this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var o=r;o<i;o++)this.groupSizes[o]=0}for(var a=this.indexOfGroup(e+1),u=0,l=t.length;u<l;u++)this.tag.insertRule(a,t[u])Line truncated
+//# sourceMappingURL=2.f941ed96.chunk.js.map

build/static/js/2.f941ed96.chunk.js.LICENSE.txt

@@ -0,0 +1,58 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/**
+ * A better abstraction over CSS.
+ *
+ * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
+ * @website https://github.com/cssinjs/jss
+ * @license MIT
+ */
+
+/** @license React v0.19.1
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

build/static/js/2.f941ed96.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../node_modules/react/index.js","../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../../src/constants.js","../../src/sheet/Tag.js","../../src/sheet/GroupedTag.js","../../src/sheet/GroupIDAllocator.js","../../src/sheet/Sheet.js","../../src/utils/isStaticRules.js","../../src/models/ComponentStyle.js","../../src/models/StyledComponent.js","../../src/models/GlobalStyle.js","../../src/constructors/createGlobalStyle.js","../node_modules/clsx/dist/clsx.m.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js","../node_modules/prop-types/index.js","../node_modules/@material-ui/styles/esm/withStyles/withStyles.js","../node_modules/@material-ui/core/esm/styles/withStyles.js","../node_modules/@material-ui/core/esm/utils/useForkRef.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","../node_modules/react-dom/index.js","../node_modules/@material-ui/core/esm/utils/ownerDocument.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../node_modules/@material-ui/core/esm/utils/useEventCallback.js","../node_modules/@material-ui/core/esm/utils/capitalize.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2.js","../node_modules/axios/lib/utils.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/iterableToArray.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator/index.js","../node_modules/@material-ui/core/esm/transitions/utils.js","../node_modules/@material-ui/core/esm/styles/transitions.js","../node_modules/@material-ui/core/esm/styles/colorManipulator.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@material-ui/core/esm/styles/useTheme.js","../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","../node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/@material-ui/core/esm/utils/setRef.js","../node_modules/@material-ui/core/esm/utils/createChainedFunction.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js","../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js","../node_modules/react-is/index.js","../node_modules/@material-ui/core/esm/styles/createBreakpoints.js","../node_modules/@material-ui/core/esm/styles/createMixins.js","../node_modules/@material-ui/core/esm/colors/common.js","../node_modules/@material-ui/core/esm/colors/grey.js","../node_modules/@material-ui/core/esm/colors/indigo.js","../node_modules/@material-ui/core/esm/colors/pink.js","../node_modules/@material-ui/core/esm/colors/red.js","../node_modules/@material-ui/core/esm/colors/orange.js","../node_modules/@material-ui/core/esm/colors/blue.js","../node_modules/@material-ui/core/esm/colors/green.js","../node_modules/@material-ui/core/esm/styles/createPalette.js","../node_modules/@material-ui/core/esm/styles/createTypography.js","../node_modules/@material-ui/core/esm/styles/shadows.js","../node_modules/@material-ui/core/esm/styles/shape.js","../node_modules/@material-ui/system/esm/merge.js","../node_modules/@material-ui/system/esm/breakpoints.js","../node_modules/@material-ui/system/esm/spacing.js","../node_modules/@material-ui/system/esm/memoize.js","../node_modules/@material-ui/core/esm/styles/createSpacing.js","../node_modules/@material-ui/core/esm/styles/createMuiTheme.js","../node_modules/@material-ui/core/esm/styles/defaultTheme.js","../node_modules/react-transition-group/esm/TransitionGroupContext.js","../node_modules/@babel/runtime/helpers/esm/createClass.js","../node_modules/@material-ui/core/esm/List/ListContext.js","../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/axios/index.js","../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/hoist-non-reactLine truncated

build/static/js/main.993a2e72.chunk.js

@@ -0,0 +1,2 @@
+(this.webpackJsonpplannaplan=this.webpackJsonpplannaplan||[]).push([[0],{113:function(e,n,t){"use strict";t.r(n);var r,a=t(0),o=t.n(a),c=t(10),i=t.n(c),l=t(9),u=t(5),s=t(65),d=t.n(s),p=t(66),f=t.n(p),b=t(67),m=t.n(b),v=t(68),g=t.n(v),x=t(69),h=t.n(x),w=t(70),E=t.n(w),A=t(155),j=t(156),O=t(19),k=t.n(O),y=t(16),C=t(29),S=t(39),z=t.n(S),B=Object(a.createContext)(void 0),R=function(e){var n=e.children,t=Object(a.useState)(void 0),r=Object(l.a)(t,2),c=r[0],i=r[1];Object(a.useEffect)((function(){u()}),[]);var u=function(){var e=Object(C.a)(k.a.mark((function e(){var n,t,r,a,o;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=new URLSearchParams(window.location.search),(t=n.get("ticket"))||window.location.replace("https://cas.amu.edu.pl/cas/login?service=".concat(window.origin,"&locale=pl")),e.prev=3,sessionStorage.getItem("userToken")){e.next=11;break}return e.next=7,z.a.get("".concat("http://localhost:1285","/token?ticket=").concat(t));case 7:r=e.sent,a=r.data,sessionStorage.setItem("userToken",a),i(Object(y.a)(Object(y.a)({},c),{},{token:a}));case 11:o=sessionStorage.getItem("userToken"),i(Object(y.a)(Object(y.a)({},c),{},{token:o})),e.next=18;break;case 15:e.prev=15,e.t0=e.catch(3),console.log(e.t0);case 18:case"end":return e.stop()}}),e,null,[[3,15]])})));return function(){return e.apply(this,arguments)}}();return o.a.createElement(B.Provider,{value:{user:c,logout:function(){window.location.replace("https://cas.amu.edu.pl/cas/logout?service=".concat(window.origin))}}},n)},I=function(e){var n=e.anchorEl,t=e.handleClose,r=Object(a.useContext)(B).logout;return o.a.createElement(A.a,{anchorEl:n,keepMounted:!0,open:Boolean(n),onClose:t},o.a.createElement(j.a,null,"Profile"),o.a.createElement(j.a,null,"My account"),o.a.createElement(j.a,{onClick:r},"Logout"))},T=t(153),P=t(148),F=t(18);!function(e){e.LECTURE="LECTURE",e.CLASS="CLASS"}(r||(r={}));var L=Object(a.createContext)(void 0),X=function(e){var n,t=e.children,c=Object(a.useState)([]),i=Object(l.a)(c,2),u=i[0],s=i[1],d=Object(a.useState)([]),p=Object(l.a)(d,2),f=p[0],b=p[1],m=Object(a.useContext)(B),v=null===m||void 0===m||null===(n=m.user)||void 0===n?void 0:n.token,g=function(){var e=Object(C.a)(k.a.mark((function e(){var n,t,r;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,n=[7,43,54],t=JSON.stringify(n),{json_data:t},e.next=6,z.a.post("".concat("http://localhost:1285","/api/v1/commisions/add?"),[7,43,54],{headers:{Authorization:"Bearer ".concat(v)}});case 6:r=e.sent,console.log("api response;",r),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(0),console.log(e.t0);case 13:console.log("saving to basket");case 14:case"end":return e.stop()}}),e,null,[[0,10]])})));return function(){return e.apply(this,arguments)}}();return Object(a.useEffect)((function(){(function(){var e=Object(C.a)(k.a.mark((function e(){var n,t,a;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,z.a.get("".concat("http://localhost:1285","/api/v1/courses/getCoursesWithGroups"));case 2:n=e.sent,t=n.data,(a=t.map((function(e){var n=e.id,t=e.name,a=e.groups;return{id:parseInt(n),name:t,lectures:a.filter((function(e){return e.type===r.LECTURE})),classes:a.filter((function(e){return e.type===r.CLASS}))}}))).sort((function(e,n){return e.name>n.name?1:-1})),s(a);case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[]),o.a.createElement(L.Provider,{value:{courses:u,basket:f,addToBasket:function(e){var n={name:e.name,id:e.id,classes:e.classes[0],lecture:void 0!==e.lectures?e.lectures[0]:void 0};b([].concat(Object(F.a)(f),[n]))},addGroup:function(e,n){var t=f.filter((function(e){return e.id===n}))[0],a=e.type;a===r.CLASS?b(f.map((function(n){return n.id===t.id?Object(y.a)(Object(y.a)({},n),{},{classes:e}):n}))):a===r.LECTURE&&b(f.map((function(n){return n.id===t.id?Object(y.a)(Object(y.a)({},n),{},{lecture:e}):n})))},deleteFromBasket:function(e){return b(f.filter((function(n){return n.id!==e})))},saveBasket:g}},t)},H=t(3),Y=t(147);function W(){var e=Object(u.a)(["\n  position: relative;\n  z-index: 10;\n  padding: 5px;\n  padding-left: 20px;\n  background-color: #e6c759;\n  font-size: 18px;\n  font-family: Lato;\n  scroll-snap-align: end;\n  border-bottom:1px solid;\n  :hover {\n    background-color: #d4b851;\n    cursor: pointer;\n  }\n"]);return W=function(){return e},e}function K(){var e=Object(u.a)(["\n  max-height: 420px;\n  overflow-y: auto;\n  scroll-snap-type: y mandatory;\n  scroll-behavior: smooth;\n  z-index: 100;\n position: relative;\n  border-radius:0px 0px 0px 15px;\n  ::-webkit-scrollbar-track {\n    border-radius: 10px;\n    background-color: #f5f5f5;\n  }\n  ::-webkit-scrollbar {\n    width: 12px;\n    background-color: #f5f5f5;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: #d4b851;\n    border: 1px solid;\n  }\n"]);return K=function(){return e},e}var Q=H.b.div(K()),U=H.b.div(W()),V=Object(Y.a)({topbarInput:{marginLine truncated
+//# sourceMappingURL=main.993a2e72.chunk.js.map

build/static/js/main.993a2e72.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types/index.ts","contexts/CASProvider.tsx","components/Profile.tsx","contexts/CoursesProvider.tsx","components/Dropdown.tsx","components/Topbar.tsx","components/Transfer.tsx","components/SchedulerRow.tsx","components/SchedulerEvents.tsx","constants/index.ts","components/Scheduler.tsx","webpack:///./src/assets/close.svg?fc23","components/CourseCard.tsx","components/Rightbar.tsx","components/App.tsx","styles/GlobalStyles.ts","index.tsx","assets/transfer.png","assets/search.svg","assets/UK.png","assets/PL.png","assets/user.png","assets/close.svg","assets/expand.png"],"names":["GroupType","CASContext","createContext","undefined","CASProvider","children","useState","user","setUser","useEffect","login","a","urlParams","URLSearchParams","window","location","search","ticket","get","replace","origin","sessionStorage","getItem","axios","process","token","data","setItem","console","log","Provider","value","logout","Profile","anchorEl","handleClose","useContext","Menu","keepMounted","open","Boolean","onClose","MenuItem","onClick","coursesContext","CoursesProvider","courses","setCourses","basket","setBasket","CAS","saveBasket","json","JSON","stringify","json_data","post","headers","Authorization","ech","map","id","name","groups","parseInt","lectures","filter","type","LECTURE","classes","CLASS","sort","b","fetchData","addToBasket","course","courseToBasket","lecture","addGroup","choosenGroup","basketCourse","deleteFromBasket","DropdownStyled","styled","div","CourseStyled","useStyles","makeStyles","topbarInput","marginTop","width","Dropdown","clearInput","handleClearInput","React","setOpen","input","setInput","filteredCourses","setFilteredCourses","choosenCoursesNames","trim","toLowerCase","includes","filterCourses","onCourseClick","event","target","currentTarget","textContent","find","toString","ClickAwayListener","onClickAway","Input","placeholder","inputProps","className","onChange","index","key","TopbarTextStyled","Topbar","TopbarLogoWrapperStyled","TopbarLogoStyled","img","TopbarInputStyled","TopbarInputFieldStyled","TopbarInputIconStyled","TopbarIcon","TopbarIconBox","handleTransfer","setClearInput","isPolish","setIsPolish","setAnchorEl","alt","src","Search","CloseIcon","Transfer","UK","PL","User","wrapper","display","justifyContent","textAlign","alignItems","TransferStyled","TransferGiveStyled","TransferReceiveStyled","TransferTextStyled","TransferInputStyled","isOpen","Modal","aria-labelledby","aria-describedby","Fade","in","theme","createStyles","popover","pointerEvents","paper","padding","spacing","marginLeft","SchedulerEvent","cellTop","cellWidth","eventIndex","cellHeight","Classes","groupType","SchedulerRow","indexRow","popoverId","setPopoverId","handlePopoverClose","Array","_","group","day","aria-owns","aria-haspopup","onMouseEnter","e","onMouseLeave","room","Popover","anchorOrigin","vertical","horizontal","transformOrigin","disableRestoreFocus","Typography","lecturer","SchedulerEvents","choosenGroupsMappedToEvents","setChoosenGroupsMappedToEvents","groupTimeToEventRowMapping","groupsMapped","time","eventRow","mapGroupTimeToEventRow","days","hours","SchedulerWrapper","TableBody","TableRow","TableHead","TableCell","height","Scheduler","table","cellRef","useRef","setCellWidth","setCellTop","wrapperRef","wrapperHeight","setWrapperHeight","handleResize","current","getBoundingClientRect","top","addEventListener","ref","indexCell","hour","_extends","Object","assign","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","createElement","d","fill","_ref","svgRef","title","props","viewBox","ForwardRef","forwardRef","CourseNameStyled","ClassGroupStyled","ClassExandIconStyled","isSelected","TypeClass","expanded","maxHeight","overflowY","borderRadius","backgroundColor","outline","DeleteFromBasketIcon","CourseCard","setSelected","Collapse","timeout","unmountOnExit","localeCompare","onGroupClick","ExpandIcon","RightbarStyled","RightbarTextStyled","SaveButton","Alert","elevation","variant","Rightbar","names","getBasketGroups","save","debounce","reason","Snackbar","autoHideDuration","severity","Wrapper","App","isOpenTransfer","setOpenTransfer","GlobalStyles","createGlobalStyle","ReactDOM","render","document","getElementById","module","exports"],"mappings":"qHAAYA,E,yNCSCC,EAAaC,6BAAsCC,GAMnDC,EAAc,SAAC,GAAoC,IAAlCC,EAAiC,EAAjCA,SAAiC,EACrCC,wBAA2BH,GADU,mBACtDI,EADsD,KAChDC,EADgD,KAE7DC,qBAAU,WACRC,MACC,IAEH,IAAMA,EAAK,uCAAG,oCAAAC,EAAA,yDACNC,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,SAChDC,EAASL,EAAUM,IAAI,YA0B7BJ,OAAOC,SAASI,QAAhB,mDAAoEL,OAAOM,OAA3E,eA5BY,SAOLC,eAAeC,QAAQ,aAPlB,iCAQsBC,IAAML,IAAN,UAAaM,wBAAb,yBAA2DP,IARjF,gBAQMQ,EARN,EAQAC,KACRL,eAAeM,QAAQ,YAAaF,GACpCjB,EAAQ,2BAAKD,GAAN,IAAYkB,WAVX,QAYJA,EAAQJ,eAAeC,QAAQ,aACrCd,EAAQ,2BAAKD,GAAN,IAAYkB,WAbT,kDAeVG,QAAQC,IAAR,MAfU,0DAAH,qDA+BX,OAAO,kBAAC5B,EAAW6B,SALine truncated

build/static/js/runtime-main.38573804.js

@@ -0,0 +1,2 @@
+!function(e){function r(r){for(var n,l,a=r[0],p=r[1],f=r[2],c=0,s=[];c<a.length;c++)l=a[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in p)Object.prototype.hasOwnProperty.call(p,n)&&(e[n]=p[n]);for(i&&i(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var p=t[a];0!==o[p]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var a=this.webpackJsonpplannaplan=this.webpackJsonpplannaplan||[],p=a.push.bind(a);a.push=r,a=a.slice();for(var f=0;f<a.length;f++)r(a[f]);var i=p;t()}([]);
+//# sourceMappingURL=runtime-main.38573804.js.map

build/static/js/runtime-main.38573804.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","1","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","this","oldJsonpFunction","slice"],"mappings":"aACE,SAASA,EAAqBC,GAQ7B,IAPA,IAMIC,EAAUC,EANVC,EAAWH,EAAK,GAChBI,EAAcJ,EAAK,GACnBK,EAAiBL,EAAK,GAIHM,EAAI,EAAGC,EAAW,GACpCD,EAAIH,EAASK,OAAQF,IACzBJ,EAAUC,EAASG,GAChBG,OAAOC,UAAUC,eAAeC,KAAKC,EAAiBX,IAAYW,EAAgBX,IACpFK,EAASO,KAAKD,EAAgBX,GAAS,IAExCW,EAAgBX,GAAW,EAE5B,IAAID,KAAYG,EACZK,OAAOC,UAAUC,eAAeC,KAAKR,EAAaH,KACpDc,EAAQd,GAAYG,EAAYH,IAKlC,IAFGe,GAAqBA,EAAoBhB,GAEtCO,EAASC,QACdD,EAASU,OAATV,GAOD,OAHAW,EAAgBJ,KAAKK,MAAMD,EAAiBb,GAAkB,IAGvDe,IAER,SAASA,IAER,IADA,IAAIC,EACIf,EAAI,EAAGA,EAAIY,EAAgBV,OAAQF,IAAK,CAG/C,IAFA,IAAIgB,EAAiBJ,EAAgBZ,GACjCiB,GAAY,EACRC,EAAI,EAAGA,EAAIF,EAAed,OAAQgB,IAAK,CAC9C,IAAIC,EAAQH,EAAeE,GACG,IAA3BX,EAAgBY,KAAcF,GAAY,GAE3CA,IACFL,EAAgBQ,OAAOpB,IAAK,GAC5Be,EAASM,EAAoBA,EAAoBC,EAAIN,EAAe,KAItE,OAAOD,EAIR,IAAIQ,EAAmB,GAKnBhB,EAAkB,CACrBiB,EAAG,GAGAZ,EAAkB,GAGtB,SAASS,EAAoB1B,GAG5B,GAAG4B,EAAiB5B,GACnB,OAAO4B,EAAiB5B,GAAU8B,QAGnC,IAAIC,EAASH,EAAiB5B,GAAY,CACzCK,EAAGL,EACHgC,GAAG,EACHF,QAAS,IAUV,OANAhB,EAAQd,GAAUW,KAAKoB,EAAOD,QAASC,EAAQA,EAAOD,QAASJ,GAG/DK,EAAOC,GAAI,EAGJD,EAAOD,QAKfJ,EAAoBO,EAAInB,EAGxBY,EAAoBQ,EAAIN,EAGxBF,EAAoBS,EAAI,SAASL,EAASM,EAAMC,GAC3CX,EAAoBY,EAAER,EAASM,IAClC5B,OAAO+B,eAAeT,EAASM,EAAM,CAAEI,YAAY,EAAMC,IAAKJ,KAKhEX,EAAoBgB,EAAI,SAASZ,GACX,qBAAXa,QAA0BA,OAAOC,aAC1CpC,OAAO+B,eAAeT,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DrC,OAAO+B,eAAeT,EAAS,aAAc,CAAEe,OAAO,KAQvDnB,EAAoBoB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQnB,EAAoBmB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,kBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKzC,OAAO0C,OAAO,MAGvB,GAFAxB,EAAoBgB,EAAEO,GACtBzC,OAAO+B,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOnB,EAAoBS,EAAEc,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRvB,EAAoB2B,EAAI,SAAStB,GAChC,IAAIM,EAASN,GAAUA,EAAOiB,WAC7B,WAAwB,OAAOjB,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAL,EAAoBS,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRX,EAAoBY,EAAI,SAASgB,EAAQC,GAAY,OAAO/C,OAAOC,UAAUC,eAAeC,KAAK2C,EAAQC,IAGzG7B,EAAoB8B,EAAI,IAExB,IAAIC,EAAaC,KAA6B,uBAAIA,KAA6B,wBAAK,GAChFC,EAAmBF,EAAW5C,KAAKuC,KAAKK,GAC5CA,EAAW5C,KAAOf,EAClB2D,EAAaA,EAAWG,QACxB,IAAI,IAAIvD,EAAI,EAAGA,EAAIoD,EAAWlD,OAAQF,IAAKP,EAAqB2D,EAAWpD,IAC3E,IAAIU,EAAsB4C,EAI1BxC,I","file":"static/js/runtime-main.38573804.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t1: 0\n \t};\n\n \tvar deferredModules = [];\n\n Line truncated

build/static/media/close.464128e7.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M38 12.83l-2.83-2.83-11.17 11.17-11.17-11.17-2.83 2.83 11.17 11.17-11.17 11.17 2.83 2.83 11.17-11.17 11.17 11.17 2.83-2.83-11.17-11.17z"/><path d="M0 0h48v48h-48z" fill="none"/></svg>

build/static/media/search.fa0d12ae.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M344.5,298c15-23.6,23.8-51.6,23.8-81.7c0-84.1-68.1-152.3-152.1-152.3C132.1,64,64,132.2,64,216.3  c0,84.1,68.1,152.3,152.1,152.3c30.5,0,58.9-9,82.7-24.4l6.9-4.8L414.3,448l33.7-34.3L339.5,305.1L344.5,298z M301.4,131.2  c22.7,22.7,35.2,52.9,35.2,85c0,32.1-12.5,62.3-35.2,85c-22.7,22.7-52.9,35.2-85,35.2c-32.1,0-62.3-12.5-85-35.2  c-22.7-22.7-35.2-52.9-35.2-85c0-32.1,12.5-62.3,35.2-85c22.7-22.7,52.9-35.2,85-35.2C248.5,96,278.7,108.5,301.4,131.2z"/></svg>

package-lock.json

@@ -1350,6 +1350,30 @@
         "react-transition-group": "^4.4.0"
       }
     },
+    "@material-ui/lab": {
+      "version": "4.0.0-alpha.56",
+      "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.56.tgz",
+      "integrity": "sha512-xPlkK+z/6y/24ka4gVJgwPfoCF4RCh8dXb1BNE7MtF9bXEBLN/lBxNTK8VAa0qm3V2oinA6xtUIdcRh0aeRtVw==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@material-ui/utils": "^4.10.2",
+        "clsx": "^1.0.4",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.8.0"
+      },
+      "dependencies": {
+        "@material-ui/utils": {
+          "version": "4.10.2",
+          "resolved": "https://registry.npmjs.org/@material-ui/utils/-/utils-4.10.2.tgz",
+          "integrity": "sha512-eg29v74P7W5r6a4tWWDAAfZldXIzfyO1am2fIsC39hdUUHm/33k6pGOKPbgDjg/U/4ifmgAePy/1OjkKN6rFRw==",
+          "requires": {
+            "@babel/runtime": "^7.4.4",
+            "prop-types": "^15.7.2",
+            "react-is": "^16.8.0"
+          }
+        }
+      }
+    },
     "@material-ui/styles": {
       "version": "4.10.0",
       "resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.10.0.tgz",
@@ -1415,7 +1439,7 @@
     },
     "@sheerun/mutationobserver-shim": {
       "version": "0.3.3",
-      "resolved": "https://npm.mlabs.pl:443/@sheerun%2fmutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz",
       "integrity": "sha512-DetpxZw1fzPD5xUBrIAoplLChO2VB8DlL5Gg+I1IR9b2wPqYIca2WSUxL5g1vLeR4MsQq1NeWriXAVffV+U1Fw=="
     },
     "@svgr/babel-plugin-add-jsx-attribute": {
@@ -1529,7 +1553,7 @@
     },
     "@testing-library/dom": {
       "version": "6.16.0",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2fdom/-/dom-6.16.0.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-6.16.0.tgz",
       "integrity": "sha512-lBD88ssxqEfz0wFL6MeUyyWZfV/2cjEZZV3YRpb2IoJRej/4f1jB0TzqIOznTpfR1r34CNesrubxwIlAQ8zgPA==",
       "requires": {
         "@babel/runtime": "^7.8.4",
@@ -1552,7 +1576,7 @@
         },
         "@jest/types": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/@jest%2ftypes/-/types-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
           "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
           "requires": {
             "@types/istanbul-lib-coverage": "^2.0.0",
@@ -1563,7 +1587,7 @@
         },
         "@types/yargs": {
           "version": "15.0.5",
-          "resolved": "https://npm.mlabs.pl:443/@types%2fyargs/-/yargs-15.0.5.tgz",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.5.tgz",
           "integrity": "sha512-Dk/IDOPtOgubt/IaevIUbTgV7doaKkoorvOyYM2CMwuDyP89bekI7H4xLIwunNYiK9jhCkmc6pUrJk3cj2AB9w==",
           "requires": {
             "@types/yargs-parser": "*"
@@ -1571,7 +1595,7 @@
         },
         "ansi-styles": {
           "version": "4.2.1",
-          "resolved": "https://npm.mlabs.pl:443/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
           "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
           "requires": {
             "@types/color-name": "^1.1.1",
@@ -1599,7 +1623,7 @@
         },
         "chalk": {
           "version": "3.0.0",
-          "resolved": "https://npm.mlabs.pl:443/chalk/-/chalk-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
           "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
           "requires": {
             "ansi-styles": "^4.1.0",
@@ -1608,7 +1632,7 @@
         },
         "color-convert": {
           "version": "2.0.1",
-          "resolved": "https://npm.mlabs.pl:443/color-convert/-/color-convert-2.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "requires": {
             "color-name": "~1.1.4"
@@ -1616,17 +1640,17 @@
         },
         "color-name": {
           "version": "1.1.4",
-          "resolved": "https://npm.mlabs.pl:443/color-name/-/color-name-1.1.4.tgz",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "has-flag": {
           "version": "4.0.0",
-          "resolved": "https://npm.mlabs.pl:443/has-flag/-/has-flag-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
         "pretty-format": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/pretty-format/-/pretty-format-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
           "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
           "requires": {
             "@jest/types": "^25.5.0",
@@ -1637,7 +1661,7 @@
         },
         "supports-color": {
           "version": "7.1.0",
-          "resolved": "https://npm.mlabs.pl:443/supports-color/-/supports-color-7.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
           "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
           "requires": {
             "has-flag": "^4.0.0"
@@ -1647,7 +1671,7 @@
     },
     "@testing-library/jest-dom": {
       "version": "4.2.4",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2fjest-dom/-/jest-dom-4.2.4.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-4.2.4.tgz",
       "integrity": "sha512-j31Bn0rQo12fhCWOUWy9fl7wtqkp7In/YP2p5ZFyRuiiB9Qs3g+hS4gAmDWONbAHcRmVooNJ5eOHQDCOmUFXHg==",
       "requires": {
         "@babel/runtime": "^7.5.1",
@@ -1663,7 +1687,7 @@
     },
     "@testing-library/react": {
       "version": "9.5.0",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2freact/-/react-9.5.0.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
       "integrity": "sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==",
       "requires": {
         "@babel/runtime": "^7.8.4",
@@ -1673,7 +1697,7 @@
     },
     "@testing-library/user-event": {
       "version": "7.2.1",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2fuser-event/-/user-event-7.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-7.2.1.tgz",
       "integrity": "sha512-oZ0Ib5I4Z2pUEcoo95cT1cr6slco9WY7yiPpG+RGNkj8YcYgJnM7pXmYmorNOReh8MIGcKSqXyeGjxnr8YiZbA=="
     },
     "@types/babel__core": {
@@ -1784,6 +1808,12 @@
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz",
       "integrity": "sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ=="
     },
+    "@types/lodash": {
+      "version": "4.14.162",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.162.tgz",
+      "integrity": "sha512-alvcho1kRUnnD1Gcl4J+hK0eencvzq9rmzvFPRmP5rPHx9VVsJj6bKLTATPVf9ktgv4ujzh7T+XWKp+jhuODig==",
+      "dev": true
+    },
     "@types/minimatch": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
@@ -1877,7 +1907,7 @@
     },
     "@types/testing-library__dom": {
       "version": "6.14.0",
-      "resolved": "https://npm.mlabs.pl:443/@types%2ftesting-library__dom/-/testing-library__dom-6.14.0.tgz",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__dom/-/testing-library__dom-6.14.0.tgz",
       "integrity": "sha512-sMl7OSv0AvMOqn1UJ6j1unPMIHRXen0Ita1ujnMX912rrOcawe4f7wu0Zt9GIQhBhJvH2BaibqFgQ3lP+Pj2hA==",
       "requires": {
         "pretty-format": "^24.3.0"
@@ -1885,7 +1915,7 @@
     },
     "@types/testing-library__react": {
       "version": "9.1.3",
-      "resolved": "https://npm.mlabs.pl:443/@types%2ftesting-library__react/-/testing-library__react-9.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__react/-/testing-library__react-9.1.3.tgz",
       "integrity": "sha512-iCdNPKU3IsYwRK9JieSYAiX0+aYDXOGAmrC/3/M7AqqSDKnWWVv07X+Zk1uFSL7cMTUYzv4lQRfohucEocn5/w==",
       "requires": {
         "@types/react-dom": "*",
@@ -1895,7 +1925,7 @@
       "dependencies": {
         "@jest/types": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/@jest%2ftypes/-/types-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
           "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
           "requires": {
             "@types/istanbul-lib-coverage": "^2.0.0",
@@ -1906,7 +1936,7 @@
         },
         "@types/yargs": {
           "version": "15.0.5",
-          "resolved": "https://npm.mlabs.pl:443/@types%2fyargs/-/yargs-15.0.5.tgz",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.5.tgz",
           "integrity": "sha512-Dk/IDOPtOgubt/IaevIUbTgV7doaKkoorvOyYM2CMwuDyP89bekI7H4xLIwunNYiK9jhCkmc6pUrJk3cj2AB9w==",
           "requires": {
             "@types/yargs-parser": "*"
@@ -1914,7 +1944,7 @@
         },
         "ansi-styles": {
           "version": "4.2.1",
-          "resolved": "https://npm.mlabs.pl:443/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
           "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
           "requires": {
             "@types/color-name": "^1.1.1",
@@ -1923,7 +1953,7 @@
         },
         "chalk": {
           "version": "3.0.0",
-          "resolved": "https://npm.mlabs.pl:443/chalk/-/chalk-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
           "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
           "requires": {
             "ansi-styles": "^4.1.0",
@@ -1932,7 +1962,7 @@
         },
         "color-convert": {
           "version": "2.0.1",
-          "resolved": "https://npm.mlabs.pl:443/color-convert/-/color-convert-2.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "requires": {
             "color-name": "~1.1.4"
@@ -1940,17 +1970,17 @@
         },
         "color-name": {
           "version": "1.1.4",
-          "resolved": "https://npm.mlabs.pl:443/color-name/-/color-name-1.1.4.tgz",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "has-flag": {
           "version": "4.0.0",
-          "resolved": "https://npm.mlabs.pl:443/has-flag/-/has-flag-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
         "pretty-format": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/pretty-format/-/pretty-format-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
           "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
           "requires": {
             "@jest/types": "^25.5.0",
@@ -1961,7 +1991,7 @@
         },
         "supports-color": {
           "version": "7.1.0",
-          "resolved": "https://npm.mlabs.pl:443/supports-color/-/supports-color-7.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
           "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
           "requires": {
             "has-flag": "^4.0.0"
@@ -4276,7 +4306,7 @@
     },
     "css.escape": {
       "version": "1.5.1",
-      "resolved": "https://npm.mlabs.pl:443/css.escape/-/css.escape-1.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
       "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s="
     },
     "cssdb": {
@@ -4717,7 +4747,7 @@
     },
     "dom-accessibility-api": {
       "version": "0.3.0",
-      "resolved": "https://npm.mlabs.pl:443/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz",
       "integrity": "sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA=="
     },
     "dom-converter": {
@@ -8066,9 +8096,9 @@
       }
     },
     "lodash": {
-      "version": "4.17.15",
+      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
-      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
+      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
     },
     "lodash._reinterpolate": {
       "version": "3.0.0",
@@ -10339,7 +10369,7 @@
     },
     "prettier": {
       "version": "2.0.5",
-      "resolved": "https://npm.mlabs.pl:443/prettier/-/prettier-2.0.5.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
       "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
       "dev": true
     },
@@ -11188,7 +11218,7 @@
     },
     "redent": {
       "version": "3.0.0",
-      "resolved": "https://npm.mlabs.pl:443/redent/-/redent-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
       "requires": {
         "indent-string": "^4.0.0",
@@ -12569,7 +12599,7 @@
     },
     "strip-indent": {
       "version": "3.0.0",
-      "resolved": "https://npm.mlabs.pl:443/strip-indent/-/strip-indent-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
       "requires": {
         "min-indent": "^1.0.0"
@@ -13351,7 +13381,7 @@
     },
     "wait-for-expect": {
       "version": "3.0.2",
-      "resolved": "https://npm.mlabs.pl:443/wait-for-expect/-/wait-for-expect-3.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/wait-for-expect/-/wait-for-expect-3.0.2.tgz",
       "integrity": "sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag=="
     },
     "walker": {

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@material-ui/core": "^4.10.0",
+    "@material-ui/lab": "^4.0.0-alpha.56",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
@@ -15,6 +16,7 @@
   },
   "devDependencies": {
     "@types/jest": "^24.9.1",
+    "@types/lodash": "^4.14.162",
     "@types/node": "^12.12.54",
     "@types/react": "^16.9.46",
     "@types/react-dom": "^16.9.8",

src/components/CourseCard.tsx

@@ -13,7 +13,7 @@ interface ClassExandIconProps {
 
 const CourseStyled = styled.div`
   display: flex;
-  min-height: 50px;
+  min-height: 40px;
   background-color: rgb(100, 181, 246) !important;
   align-items: center;
   justify-content: center;
@@ -25,25 +25,28 @@ const CourseStyled = styled.div`
   cursor: pointer;
   align-items: stretch;
   position: relative;
+  box-shadow: 9px 9px 8px -2px rgba(0,0,0,0.59);
 `;
 
 const CourseNameStyled = styled.div`
-  padding-top: 10px;
+padding-top:20px;
-  padding-bottom: 10px;
+padding-bottom:10px;
+padding-left:35px;
+padding-right:35px;
 `;
 
-interface ClassGroupProps{
+interface ClassGroupProps {
-  groupType:GroupType;
+  groupType: GroupType;
 }
 
-const ClassGroupStyled = styled.div<ClassGroupProps>`
+const ClassGroupStyled = styled.div`
+position:relative;
   padding-top: 1px;
   padding-bottom: 1px;
   :hover {
     cursor: pointer;
+    background-color:#9ED3FF;
   }
-    outline-offset: -5px;
-    outline:${({groupType})=>groupType === "CLASS" ? "2px solid #5642AA" : "2px solid #866DF7"};
 `;
 
 const ClassExandIconStyled = styled.img<ClassExandIconProps>`
@@ -53,19 +56,30 @@ const ClassExandIconStyled = styled.img<ClassExandIconProps>`
   transform: ${(props) => (props.isSelected ? 'scaleY(-1);' : 'scaleY(1);')};
 `;
 
+const TypeClass = styled.div`
+  font-size:12px;
+  position:absolute;
+  border-radius:15px;
+  background-color:#00506B;
+  border:2px solid;
+  min-width:45px;
+  top:5px;
+  left:5px;
+  color:white;
+  font-weight:bold;
+`;
+
 const useStyles = makeStyles({
   expanded: {
     maxHeight: '244px',
     overflowY: 'auto',
-  },
+    '&::-webkit-scrollbar': {
-  '@global': {
-    '*::-webkit-scrollbar': {
       width: '0.4em',
     },
-    '*::-webkit-scrollbar-track': {
+    '&::-webkit-scrollbar-track': {
       '-webkit-box-shadow': 'inset 0 0 6px rgba(1,0,0,0.1)',
     },
-    '*::-webkit-scrollbar-thumb': {
+    '&::-webkit-scrollbar-thumb': {
       borderRadius: '10px',
       backgroundColor: '#d4b851',
       outline: '1px solid slategrey',
@@ -77,10 +91,10 @@ const DeleteFromBasketIcon = styled(CloseIcon)`
   width: 20px;
   cursor: pointer;
   position: absolute;
-  left: 235px;
+  left: 230px;
-  top: -10px;
+  top: -5px;
   &:hover {
-    fill: #d3d3d3;
+    fill: white;
   }
 `;
 
@@ -89,10 +103,10 @@ interface CourseCardProps {
 }
 
 export const CourseCard = ({ course }: CourseCardProps) => {
-  const [isSelected, setSelected] = useState(false);
   const classes = useStyles();
-
   const { addGroup, deleteFromBasket } = useContext(coursesContext)!;
+  const [isSelected, setSelected] = useState(false);
+  const groups = course.lectures === undefined ? course.classes : [...course.lectures, ...course.classes];
 
   const onGroupClick = (group: Group, id: number) => addGroup(group, id);
 
@@ -101,8 +115,11 @@ export const CourseCard = ({ course }: CourseCardProps) => {
       <DeleteFromBasketIcon onClick={() => deleteFromBasket(course.id)}></DeleteFromBasketIcon>
       <CourseNameStyled onClick={() => setSelected(!isSelected)}>{course.name}</CourseNameStyled>
       <Collapse className={classes.expanded} in={isSelected} timeout="auto" unmountOnExit>
-        {course.groups.sort((a,b)=> b.type.localeCompare(a.type)).map((group, index) => (
+        {groups
-          <ClassGroupStyled groupType={group.type} key={index} onClick={() => onGroupClick(group, course.id)}>
+          .sort((a, b) => b.type.localeCompare(a.type))
+          .map((group, index) => (
+            <ClassGroupStyled key={index} onClick={() => onGroupClick(group, course.id)}>
+              <TypeClass>{group.type==="CLASS"? "Ćw." : "Wyk."}</TypeClass>
               <p>
                 {group.time} {group.room} <br></br> {group.lecturer}
               </p>

src/components/Dropdown.tsx

@@ -7,6 +7,29 @@ import { Course, Basket } from '../types';
 import styled from 'styled-components';
 import { makeStyles } from '@material-ui/core/styles';
 
+const DropdownStyled = styled.div`
+  max-height: 420px;
+  overflow-y: auto;
+  scroll-snap-type: y mandatory;
+  scroll-behavior: smooth;
+  z-index: 100;
+ position: relative;
+  border-radius:0px 0px 0px 15px;
+  ::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: #f5f5f5;
+  }
+  ::-webkit-scrollbar {
+    width: 12px;
+    background-color: #f5f5f5;
+  }
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background-color: #d4b851;
+    border: 1px solid;
+  }
+`;
+
 const CourseStyled = styled.div`
   position: relative;
   z-index: 10;
@@ -15,20 +38,14 @@ const CourseStyled = styled.div`
   background-color: #e6c759;
   font-size: 18px;
   font-family: Lato;
+  scroll-snap-align: end;
+  border-bottom:1px solid;
   :hover {
     background-color: #d4b851;
     cursor: pointer;
   }
 `;
 
-const DropdownStyled = styled.div`
-  max-height: 400px;
-  overflow-y: auto;
-  ::-webkit-scrollbar {
-    display: none;
-  }
-`;
-
 const useStyles = makeStyles({
   topbarInput: {
     marginTop: '8px',
@@ -76,12 +93,9 @@ export const Dropdown = ({ clearInput, handleClearInput }: DropdownProps) => {
   const onCourseClick = async (event: MouseEvent) => {
     const target = event.currentTarget;
     if (target.id && target.textContent) {
-      const id = target.id;
+      const course = filteredCourses.find(({ id }) => id.toString() === target.id)!;
-      const name = target.textContent;
+      console.log('added course is');
-
+      console.log(course);
-      //porozmawiać z Filipem, żeby odrobinę przerobił endpoint
-      const course: Basket = { name: name.trim(), id: parseInt(id) };
-
       addToBasket(course);
       setOpen(false);
     }

src/components/Rightbar.tsx

@@ -1,7 +1,10 @@
-import React, { useState, useContext, MouseEvent } from 'react';
+import React, { useContext } from 'react';
+import Snackbar from '@material-ui/core/Snackbar';
 import { CourseCard } from './CourseCard';
 import { coursesContext } from '../contexts/CoursesProvider';
+import MuiAlert, { AlertProps } from '@material-ui/lab/Alert';
 import styled from 'styled-components';
+import { debounce } from "lodash";
 
 const RightbarStyled = styled.div`
   padding-top: 10px;
@@ -29,23 +32,32 @@ const RightbarStyled = styled.div`
 const RightbarTextStyled = styled.div`
   display: flex;
   flex-direction: column;
-  border-bottom: 1px solid;
 `;
 
 const SaveButton = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgb(100, 181, 246) !important;
+  background-color: #417cab !important;
   border-radius: 10px;
   cursor: pointer;
   height: 40px;
   background-color: red;
   margin-bottom: 10px;
+  &:hover {
+    color: white;
+  }
+  box-shadow: 6px 6px 6px -2px rgba(0,0,0,0.59);
 `;
 
+function Alert(props: AlertProps) {
+  return <MuiAlert elevation={6} variant="filled" {...props} />;
+}
+
 export const Rightbar = () => {
-  const { courses, basket } = useContext(coursesContext)!;
+  const { courses, basket, saveBasket } = useContext(coursesContext)!;
+
+  const [open, setOpen] = React.useState(false);
 
   const getBasketGroups = () => {
     const names = basket.map(({ name }) => name);
@@ -54,6 +66,20 @@ export const Rightbar = () => {
 
   const filteredCourses = getBasketGroups();
 
+  const save = debounce(() => {
+    saveBasket();
+    setOpen(true);
+    console.log("zmiana")
+  },500);
+
+  const handleClose = (event?: React.SyntheticEvent, reason?: string) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
+
   //need to insert student name from db and course maybe based on current time or from db too
   return (
     <RightbarStyled>
@@ -62,11 +88,16 @@ export const Rightbar = () => {
           Hubert Wrzesiński<br></br>
           Semestr zimowy 2020/2021
         </p>
-        <SaveButton>SAVE</SaveButton>
+        <SaveButton onClick={save}>ZAPISZ</SaveButton>
       </RightbarTextStyled>
       {filteredCourses.map((course, index) => (
         <CourseCard course={course} key={index} />
       ))}
+      <Snackbar open={open} autoHideDuration={5000} onClose={handleClose}>
+        <Alert onClose={handleClose} severity="success">
+          Zapisano plan!
+        </Alert>
+      </Snackbar>
     </RightbarStyled>
   );
 };

src/components/Scheduler.tsx

@@ -35,7 +35,7 @@ const TableCell = styled.div<TableCellProps>`
   align-items: center;
   justify-content: center;
   flex: 1;
-  font-size: 24px;
+  font-size: 1.25vw;
 `;
 
 const T = styled.table`
@@ -67,20 +67,28 @@ export const Scheduler = () => {
     <>
       <SchedulerWrapper ref={wrapperRef}>
         <TableHead>
-          {days.map((day, index) => (
+          {days.map((day, indexCell) =>
-            <TableCell height={wrapperHeight / 13} key={index} ref={cellRef}>
+            indexCell === 0 ? (
+              <TableCell /* style={{ flexGrow: 1 }} */ height={wrapperHeight / 13} key={indexCell} ref={cellRef}>
                 {day}
               </TableCell>
-          ))}
+            ) : (
+              <TableCell /* style={{ flexGrow: 3 }} */ height={wrapperHeight / 13} key={indexCell} ref={cellRef}>
+                {day}
+              </TableCell>
+            ),
+          )}
         </TableHead>
         <TableBody>
           {hours.map((hour, indexRow) => (
             <TableRow key={indexRow}>
               {[hour, '', '', '', '', ''].map((value, indexCell) =>
-                indexRow === 0 && indexCell === 1 ? (
+                indexCell === 0 ? (
-                  <TableCell height={wrapperHeight / 13} key={`${indexRow}${indexCell}`}></TableCell>
+                  <TableCell /* style={{ flexGrow: 1 }} */ height={wrapperHeight / 13} key={`${indexRow}${indexCell}`}>
+                    {value}
+                  </TableCell>
                 ) : (
-                  <TableCell height={wrapperHeight / 13} key={`${indexRow}${indexCell}`}>
+                  <TableCell /* style={{ flexGrow: 3 }} */ height={wrapperHeight / 13} key={`${indexRow}${indexCell}`}>
                     {value}
                   </TableCell>
                 ),

src/components/SchedulerEvents.tsx

@@ -35,7 +35,7 @@ export const SchedulerEvents = ({ cellTop, cellWidth, cellHeight }: SchedulerEve
       //deleted if statement, maybe it is needed
       const groupsMapped = merged.map(({ id, day, lecturer, room, time, name,type }) => ({
         id,
-        day: day === 5 ? 4 : day,
+        day,
         lecturer,
         room,
         eventRow: groupTimeToEventRowMapping[time],

src/components/SchedulerRow.tsx

@@ -47,12 +47,15 @@ const Classes = styled.div<ClassesProps>`
   align-items: center;
   z-index: 2;
   border-radius: 10px;
+  
+  font-size:0.90vw;
   /* background-color: rgb(100, 181, 246); */
   width: ${({ cellWidth }) => (cellWidth * 2.5) / 3}px;
   height: ${({ cellHeight }) => (cellHeight * 2 * 3) / 4}px;
   margin-right: 5px;
   text-align: center;
-  background-color:${({groupType})=>groupType === "CLASS" ? "#5642AA" : "#866DF7"}
+  background-color:${({groupType})=>groupType === "CLASS" ? "#FFDC61" : "#A68820"};
+  box-shadow: 9px 9px 8px -2px rgba(0,0,0,0.59);
 `;
 
 interface SchedulerRowProps {
@@ -68,8 +71,6 @@ export const SchedulerRow = ({ groups, indexRow, cellTop, cellWidth, cellHeight
   const [anchorEl, setAnchorEl] = React.useState<HTMLDivElement | null>(null);
   const [popoverId, setPopoverId] = useState<string | null>(null);
 
-  console.log("123s"+JSON.stringify(groups));
-
   //looks weird
   const handlePopoverOpen = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {
     setAnchorEl(event.currentTarget);

src/contexts/CASProvider.tsx

@@ -1,35 +1,42 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, createContext, ReactNode } from 'react';
 import { User } from '../types';
+import axios from 'axios';
 
 export interface CASContext {
-  user: User | null;
+  user?: User;
   logout: () => void;
 }
 
-export const CASContext = React.createContext<CASContext | null>(null);
+export const CASContext = createContext<CASContext | undefined>(undefined);
 
 export interface CASProviderProps {
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
 export const CASProvider = ({ children }: CASProviderProps) => {
-  const [user, setUser] = useState<User | null>(null);
+  const [user, setUser] = useState<User | undefined>(undefined);
-
   useEffect(() => {
     login();
   }, []);
 
-  function login() {
+  const login = async () => {
     const urlParams = new URLSearchParams(window.location.search);
     const ticket = urlParams.get('ticket');
-
     if (!ticket) {
       redirectToCASLoginService();
     }
-    if (ticket) {
+    try {
-      setUser({ ...user, ticket: ticket });
+      if (!sessionStorage.getItem('userToken')) {
+        const { data: token } = await axios.get(`${process.env.REACT_APP_API_URL}/token?ticket=${ticket}`);
+        sessionStorage.setItem('userToken', token);
+        setUser({ ...user, token });
       }
+      const token = sessionStorage.getItem('userToken');
+      setUser({ ...user, token });
+    } catch (e) {
+      console.log(e);
     }
+  };
 
   function logout() {
     redirectToCASLogoutService();

src/contexts/CoursesProvider.tsx

@@ -1,15 +1,17 @@
-import React, { useState, createContext, useEffect, ReactNode } from 'react';
+import React, { useState, createContext, useEffect, ReactNode, useContext } from 'react';
 import { Course, Group, Basket, GroupType } from '../types';
 import axios from 'axios';
+import { CASContext, CASProvider } from './CASProvider';
 
 interface CourseContext {
   courses: Array<Course>;
   basket: Array<Basket>;
-  addToBasket: (courses: Basket) => void;
+  addToBasket: (courses: Course) => void;
   addGroup: (group: Group, id: number) => void;
   deleteFromBasket: (id: number) => void;
+  saveBasket: () => void;
 }
-export const coursesContext = createContext<CourseContext | null>(null);
+export const coursesContext = createContext<CourseContext | undefined>(undefined);
 
 interface CoursesProviderProps {
   children: ReactNode;
@@ -20,17 +22,40 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
   const [courses, setCourses] = useState<Array<Course>>([]);
   const [basket, setBasket] = useState<Array<Basket>>([]);
 
-  const addToBasket = (course: Basket) => setBasket([...basket, course]);
+  const CAS = useContext(CASContext)!;
+  const token = CAS?.user?.token;
 
-  const deleteFromBasket = (id: number) => setBasket(basket.filter(course => course.id !== id));
+  const addToBasket = (course: Course) => {
+    const courseToBasket = {
+      name: course.name,
+      id: course.id,
+      classes: course.classes[0],
+      lecture: course.lectures !== undefined ? course.lectures[0] : undefined,
+    } as Basket;
+    setBasket([...basket, courseToBasket]);
+  };
+  const deleteFromBasket = (id: number) => setBasket(basket.filter((course) => course.id !== id));
 
-
+  const saveBasket = async () => {
-  useEffect(() => {
+    try {
-    console.log('BASKET');
+      let data = [7, 43, 54];
-    console.log(basket);
+      let json = JSON.stringify(data);
-  }, [basket]);
+      let post_data = { json_data: json };
-
+      const ech = await axios.post<Array<number>>(
-  //immutability
+        `${process.env.REACT_APP_API_URL}/api/v1/commisions/add?`,
+        [7, 43, 54],
+        {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        },
+      );
+      console.log('api response;', ech);
+    } catch (e) {
+      console.log(e);
+    }
+    console.log('saving to basket');
+  };
 
   const addGroup = (choosenGroup: Group, id: number) => {
     const basketCourse = basket.filter((course) => course.id === id)[0];
@@ -48,14 +73,25 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
 
   useEffect(() => {
     const fetchData = async () => {
-      const { data: courses } = await axios.get(`${process.env.REACT_APP_API_URL}/getCoursesWithGroups`);
+      const { data } = await axios.get<Array<{ id: string; name: string; groups: Array<Group> }>>(
+        `${process.env.REACT_APP_API_URL}/api/v1/courses/getCoursesWithGroups`,
+      );
+      const courses = data.map(({ id, name, groups }) => ({
+        id: parseInt(id),
+        name,
+        lectures: groups.filter(({ type }) => type === GroupType.LECTURE),
+        classes: groups.filter(({ type }) => type === GroupType.CLASS),
+      })) as Array<Course>;
       courses.sort((a: Course, b: Course) => (a.name > b.name ? 1 : -1));
+
       setCourses(courses);
     };
     fetchData();
   }, []);
 
   return (
-    <coursesContext.Provider value={{ courses, basket, addToBasket, addGroup, deleteFromBasket }}>{children}</coursesContext.Provider>
+    <coursesContext.Provider value={{ courses, basket, addToBasket, addGroup, deleteFromBasket, saveBasket }}>
+      {children}
+    </coursesContext.Provider>
   );
 };

src/index.tsx

@@ -7,12 +7,12 @@ import { GlobalStyles } from './styles/GlobalStyles';
 
 ReactDOM.render(
   <>
-    <CoursesProvider>
     <CASProvider>
+      <CoursesProvider>
         <GlobalStyles />
         <App />
-      </CASProvider>
       </CoursesProvider>
+    </CASProvider>
   </>,
   document.getElementById('root'),
 );

src/types/index.ts

@@ -7,7 +7,7 @@ export interface Basket {
   id: number;
   name: string;
   lecture?: Group;
-  classes?: Group;
+  classes: Group;
 }
 
 export interface Group {
@@ -23,11 +23,12 @@ export interface Group {
 export interface Course {
   id: number;
   name: string;
-  groups: Array<Group>;
+  lectures?: Array<Group>;
+  classes: Array<Group>;
 }
 
 export interface User {
   name?: string;
   surname?: string;
-  ticket: string | null;
+  token: string | null;
 }