From c9f1b2a34f23068a1f188c96ed9b69837b2a9b33 Mon Sep 17 00:00:00 2001 From: Lia Yuliana Date: Sun, 28 Mar 2021 00:12:48 +0700 Subject: [PATCH 01/17] [CHORES] merge staging into PBI-2-registrasi --- package-lock.json | 154 +++--- package.json | 3 + src/App.js | 61 +-- src/index.css | 6 +- src/tailwind.output.css | 1058 ++++++++++++++++++++++++++++++++++++++- tailwind.config.js | 1 + 6 files changed, 1173 insertions(+), 110 deletions(-) diff --git a/package-lock.json b/package-lock.json index fa8c8b5..a0ad32e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1822,6 +1822,17 @@ } } }, + "@reach/router": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.4.tgz", + "integrity": "sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==", + "requires": { + "create-react-context": "0.3.0", + "invariant": "^2.2.3", + "prop-types": "^15.6.1", + "react-lifecycles-compat": "^3.0.4" + } + }, "@rollup/plugin-node-resolve": { "version": "7.1.3", "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz", @@ -3027,6 +3038,14 @@ "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.1.3.tgz", "integrity": "sha512-vwPpH4Aj4122EW38mxO/fxhGKtwWTMLDIJfZ1He0Edbtjcfna/R3YB67yVhezUMzqc3Jr3+Ii50KRntlENL4xQ==" }, + "axios": { + "version": "0.21.1", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz", + "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==", + "requires": { + "follow-redirects": "^1.10.0" + } + }, "axobject-query": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz", @@ -4488,6 +4507,15 @@ "sha.js": "^2.4.8" } }, + "create-react-context": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz", + "integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==", + "requires": { + "gud": "^1.0.0", + "warning": "^4.0.3" + } + }, "cross-spawn": { "version": "6.0.5", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", @@ -5891,9 +5919,9 @@ } }, "globals": { - "version": "13.6.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.6.0.tgz", - "integrity": "sha512-YFKCX0SiPg7l5oKYCJ2zZGxcXprVXHcSnVuvzrT3oSENQonVLqM5pf9fN5dLGZGyCjhw8TN8Btwe/jKnZ0pjvQ==", + "version": "13.7.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.7.0.tgz", + "integrity": "sha512-Aipsz6ZKRxa/xQkZhNg0qIWXT6x6rD46f6x/PCnBomlttdIyAPak4YD9jTmKpZ72uROSMU87qJtcgpgHaVchiA==", "requires": { "type-fest": "^0.20.2" } @@ -7246,6 +7274,11 @@ "slash": "^3.0.0" } }, + "goober": { + "version": "2.0.35", + "resolved": "https://registry.npmjs.org/goober/-/goober-2.0.35.tgz", + "integrity": "sha512-800lO2kBZg2UEpGDST2Jsx8FDaEaSuEXBYV6HlmPBX4HPaDCM/qeMtHM20a7ZmGxDjHONx5+CUKPLYTrcf7Lwg==" + }, "graceful-fs": { "version": "4.2.6", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz", @@ -7257,6 +7290,11 @@ "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=", "optional": true }, + "gud": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", + "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==" + }, "gzip-size": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", @@ -7736,9 +7774,9 @@ "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==" }, "husky": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/husky/-/husky-5.1.3.tgz", - "integrity": "sha512-fbNJ+Gz5wx2LIBtMweJNY1D7Uc8p1XERi5KNRMccwfQA+rXlxWNSdUxswo0gT8XqxywTIw7Ywm/F4v/O35RdMg==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/husky/-/husky-5.2.0.tgz", + "integrity": "sha512-AM8T/auHXRBxlrfPVLKP6jt49GCM2Zz47m8G3FOMsLmTv8Dj/fKVWE0Rh2d4Qrvmy131xEsdQnb3OXRib67PGg==", "dev": true }, "iconv-lite": { @@ -7919,6 +7957,14 @@ "side-channel": "^1.0.4" } }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "ip": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", @@ -12697,23 +12743,6 @@ "requires": { "camelcase-css": "^2.0.1", "postcss": "^8.1.6" - }, - "dependencies": { - "postcss": { - "version": "8.2.8", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.8.tgz", - "integrity": "sha512-1F0Xb2T21xET7oQV9eKuctbM9S7BC0fetoHCc4H13z0PT6haiRLP4T0ZY4XWh7iLP0usgqykT6p9B2RtOf4FPw==", - "requires": { - "colorette": "^1.2.2", - "nanoid": "^3.1.20", - "source-map": "^0.6.1" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } } }, "postcss-lab-function": { @@ -14546,21 +14575,6 @@ "version": "6.2.1", "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz", "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==" - }, - "postcss": { - "version": "8.2.8", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.8.tgz", - "integrity": "sha512-1F0Xb2T21xET7oQV9eKuctbM9S7BC0fetoHCc4H13z0PT6haiRLP4T0ZY4XWh7iLP0usgqykT6p9B2RtOf4FPw==", - "requires": { - "colorette": "^1.2.2", - "nanoid": "^3.1.20", - "source-map": "^0.6.1" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -14652,9 +14666,9 @@ } }, "react": { - "version": "17.0.1", - "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz", - "integrity": "sha512-lG9c9UuMHdcAexXtigOZLX8exLWkW0Ku29qPRU8uhF2R9BN96dLCt0psvzPLlHc5OWkgymP3qwTRgbnw5BKx3w==", + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", + "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" @@ -14780,13 +14794,13 @@ } }, "react-dom": { - "version": "17.0.1", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz", - "integrity": "sha512-6eV150oJZ9U2t9svnsspTMrWNyHc6chX0KzDeAOXftRa8bNeOKTTfCJ7KorIwenkHd2xqVTBTCZd79yk/lx/Ug==", + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", + "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", - "scheduler": "^0.20.1" + "scheduler": "^0.20.2" } }, "react-error-overlay": { @@ -14794,11 +14808,29 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, + "react-hook-form": { + "version": "6.15.5", + "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-6.15.5.tgz", + "integrity": "sha512-so2jEPYKdVk1olMo+HQ9D9n1hVzaPPFO4wsjgSeZ964R7q7CHsYRbVF0PGBi83FcycA5482WHflasdwLIUVENg==" + }, + "react-hot-toast": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-1.0.2.tgz", + "integrity": "sha512-wp89H0WA6EtiexAg5l3ys+WaZ3u0xM/FJWxl6YxR3hlquWhKvO9snBgTe4ATPEcgbS6pbc43RbuBINOkYOzA5A==", + "requires": { + "goober": "^2.0.15" + } + }, "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "react-lifecycles-compat": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", + "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" + }, "react-refresh": { "version": "0.8.3", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz", @@ -15698,9 +15730,9 @@ } }, "scheduler": { - "version": "0.20.1", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.1.tgz", - "integrity": "sha512-LKTe+2xNJBNxu/QhHvDR14wUXHRQbVY5ZOYpOGWRzhydZUqrLb2JBvLPY7cAqFmqrWuDED0Mjk7013SZiOz6Bw==", + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", + "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" @@ -16698,9 +16730,9 @@ }, "dependencies": { "ajv": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.2.1.tgz", - "integrity": "sha512-+nu0HDv7kNSOua9apAVc979qd932rrZeb3WOvoiD31A/p1mIE5/9bN2027pE2rOPYEdS3UHzsvof4hY+lM9/WQ==", + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.2.3.tgz", + "integrity": "sha512-idv5WZvKVXDqKralOImQgPM9v6WOdLNa0IY3B3doOjw/YxRGT8I+allIJ6kd7Uaj+SF1xZUSU+nPM5aDNBVtnw==", "requires": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -16716,9 +16748,9 @@ } }, "tailwindcss": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.0.3.tgz", - "integrity": "sha512-s8NEqdLBiVbbdL0a5XwTb8jKmIonOuI4RMENEcKLR61jw6SdKvBss7NWZzwCaD+ZIjlgmesv8tmrjXEp7C0eAQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.0.4.tgz", + "integrity": "sha512-WhgR0oiBxGOZ9jY0yVfaJCHnckR7U74Fs/BMsYxGdwGJQ5Hd/HlaKD26bEJFZOvYScJo0QcUj2ImldzedsG7Bw==", "requires": { "@fullhuman/postcss-purgecss": "^3.1.3", "bytes": "^3.0.0", @@ -16728,18 +16760,18 @@ "didyoumean": "^1.2.1", "fs-extra": "^9.1.0", "html-tags": "^3.1.0", - "lodash": "^4.17.20", + "lodash": "^4.17.21", "modern-normalize": "^1.0.0", "node-emoji": "^1.8.1", "object-hash": "^2.1.1", "postcss-functions": "^3", "postcss-js": "^3.0.3", - "postcss-nested": "^5.0.1", + "postcss-nested": "^5.0.5", "postcss-selector-parser": "^6.0.4", "postcss-value-parser": "^4.1.0", "pretty-hrtime": "^1.0.3", "reduce-css-calc": "^2.1.8", - "resolve": "^1.19.0" + "resolve": "^1.20.0" }, "dependencies": { "ansi-styles": { @@ -17560,6 +17592,14 @@ "makeerror": "1.0.x" } }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "watchpack": { "version": "1.7.5", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz", diff --git a/package.json b/package.json index 84bf34c..4d6ecb9 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { + "@reach/router": "^1.3.4", "@testing-library/jest-dom": "^5.11.9", "@testing-library/react": "^11.2.5", "@testing-library/user-event": "^12.8.1", @@ -10,6 +11,8 @@ "postcss": "^8.2.8", "react": "^17.0.1", "react-dom": "^17.0.1", + "react-hook-form": "^6.15.5", + "react-hot-toast": "^1.0.2", "react-scripts": "4.0.3", "tailwindcss": "^2.0.3", "web-vitals": "^1.1.0" diff --git a/src/App.js b/src/App.js index 8522627..14b41a2 100644 --- a/src/App.js +++ b/src/App.js @@ -1,55 +1,18 @@ -import Card from './components/Card/Card' -import {data} from './data/layanan' -import Benefits from './components/Benefits/Benefits' -import {dataBenefits} from './data/benefits' -import Footer from './components/Footer/Footer' -import Navbar from './components/Navbar/Navbar' -import Hero from './assets/hero.png' +import Homepage from './pages/homepage' +import Register from "./components/Registrasi/Register"; +import Login from "./components/Autentikasi/Login"; +import { Router } from "@reach/router"; function App() { return ( - <> - -
-
- -
-

One Stop Legal Platform

-

Untuk para pelaku usaha kecil dan menengah.
Aman, Mudah, Terjangkau!

-
-
- -
-
- {data.map((value, index) => ( - - ))} -
- -
- {dataBenefits.map((value, index) => ( - - ))} -
- -
-
-
- - ) +
+ + + + + +
+ ); } export default App diff --git a/src/index.css b/src/index.css index ec2585e..4a1df4d 100644 --- a/src/index.css +++ b/src/index.css @@ -1,13 +1,13 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", + "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } diff --git a/src/tailwind.output.css b/src/tailwind.output.css index 361db41..620be4e 100644 --- a/src/tailwind.output.css +++ b/src/tailwind.output.css @@ -47,7 +47,7 @@ line-height: 0.75rem; } -/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v2.0.4 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ @@ -2006,6 +2006,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-divide-opacity)); } +.divide-popred > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-divide-opacity)); +} + .divide-popyellow > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-divide-opacity)); @@ -2638,6 +2643,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } +.bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); +} + .bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -3091,6 +3101,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } +.group:hover .group-hover\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); +} + .group:hover .group-hover\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -3544,6 +3559,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } +.focus-within\:bg-popred:focus-within { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); +} + .focus-within\:bg-popyellow:focus-within { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -3997,6 +4017,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } +.hover\:bg-popred:hover { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); +} + .hover\:bg-popyellow:hover { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -4450,6 +4475,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } +.focus\:bg-popred:focus { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); +} + .focus\:bg-popyellow:focus { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -4941,6 +4971,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } +.from-popred { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); +} + .from-popyellow { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -5304,6 +5339,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } +.via-popred { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); +} + .via-popyellow { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -5664,6 +5703,10 @@ video { --tw-gradient-to: #2B50CB; } +.to-popred { + --tw-gradient-to: #EA0420; +} + .to-popyellow { --tw-gradient-to: #F4C916; } @@ -6111,6 +6154,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } +.hover\:from-popred:hover { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); +} + .hover\:from-popyellow:hover { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -6474,6 +6522,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } +.hover\:via-popred:hover { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); +} + .hover\:via-popyellow:hover { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -6834,6 +6886,10 @@ video { --tw-gradient-to: #2B50CB; } +.hover\:to-popred:hover { + --tw-gradient-to: #EA0420; +} + .hover\:to-popyellow:hover { --tw-gradient-to: #F4C916; } @@ -7281,6 +7337,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } +.focus\:from-popred:focus { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); +} + .focus\:from-popyellow:focus { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -7644,6 +7705,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } +.focus\:via-popred:focus { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); +} + .focus\:via-popyellow:focus { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -8004,6 +8069,10 @@ video { --tw-gradient-to: #2B50CB; } +.focus\:to-popred:focus { + --tw-gradient-to: #EA0420; +} + .focus\:to-popyellow:focus { --tw-gradient-to: #F4C916; } @@ -8829,6 +8898,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } +.border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); +} + .border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -9277,6 +9351,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } +.group:hover .group-hover\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); +} + .group:hover .group-hover\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -9725,6 +9804,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } +.focus-within\:border-popred:focus-within { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); +} + .focus-within\:border-popyellow:focus-within { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -10173,6 +10257,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } +.hover\:border-popred:hover { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); +} + .hover\:border-popyellow:hover { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -10621,6 +10710,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } +.focus\:border-popred:focus { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); +} + .focus\:border-popyellow:focus { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -17578,6 +17672,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } +.placeholder-popred::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); +} + +.placeholder-popred:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); +} + +.placeholder-popred::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); +} + .placeholder-popyellow::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -18922,6 +19031,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } +.focus\:placeholder-popred:focus::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); +} + +.focus\:placeholder-popred:focus:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); +} + +.focus\:placeholder-popred:focus::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); +} + .focus\:placeholder-popyellow:focus::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -22858,6 +22982,10 @@ video { --tw-ring-offset-color: #2B50CB; } +.ring-offset-popred { + --tw-ring-offset-color: #EA0420; +} + .ring-offset-popyellow { --tw-ring-offset-color: #F4C916; } @@ -23218,6 +23346,10 @@ video { --tw-ring-offset-color: #2B50CB; } +.focus-within\:ring-offset-popred:focus-within { + --tw-ring-offset-color: #EA0420; +} + .focus-within\:ring-offset-popyellow:focus-within { --tw-ring-offset-color: #F4C916; } @@ -23578,6 +23710,10 @@ video { --tw-ring-offset-color: #2B50CB; } +.focus\:ring-offset-popred:focus { + --tw-ring-offset-color: #EA0420; +} + .focus\:ring-offset-popyellow:focus { --tw-ring-offset-color: #F4C916; } @@ -24083,6 +24219,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } +.ring-popred { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); +} + .ring-popyellow { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -24531,6 +24672,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } +.focus-within\:ring-popred:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); +} + .focus-within\:ring-popyellow:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -24979,6 +25125,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } +.focus\:ring-popred:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); +} + .focus\:ring-popyellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -25651,6 +25802,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } +.text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); +} + .text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -26104,6 +26260,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } +.group:hover .group-hover\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); +} + .group:hover .group-hover\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -26557,6 +26718,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } +.focus-within\:text-popred:focus-within { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); +} + .focus-within\:text-popyellow:focus-within { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -27010,6 +27176,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } +.hover\:text-popred:hover { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); +} + .hover\:text-popyellow:hover { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -27463,6 +27634,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } +.focus\:text-popred:focus { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); +} + .focus\:text-popyellow:focus { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -33806,6 +33982,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-divide-opacity)); } + .sm\:divide-popred > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-divide-opacity)); + } + .sm\:divide-popyellow > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-divide-opacity)); @@ -34438,6 +34619,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .sm\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .sm\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -34891,6 +35077,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .group:hover .sm\:group-hover\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .group:hover .sm\:group-hover\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -35344,6 +35535,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .sm\:focus-within\:bg-popred:focus-within { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .sm\:focus-within\:bg-popyellow:focus-within { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -35797,6 +35993,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .sm\:hover\:bg-popred:hover { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .sm\:hover\:bg-popyellow:hover { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -36250,6 +36451,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .sm\:focus\:bg-popred:focus { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .sm\:focus\:bg-popyellow:focus { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -36741,6 +36947,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .sm\:from-popred { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .sm\:from-popyellow { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -37104,6 +37315,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .sm\:via-popred { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .sm\:via-popyellow { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -37464,6 +37679,10 @@ video { --tw-gradient-to: #2B50CB; } + .sm\:to-popred { + --tw-gradient-to: #EA0420; + } + .sm\:to-popyellow { --tw-gradient-to: #F4C916; } @@ -37911,6 +38130,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .sm\:hover\:from-popred:hover { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .sm\:hover\:from-popyellow:hover { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -38274,6 +38498,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .sm\:hover\:via-popred:hover { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .sm\:hover\:via-popyellow:hover { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -38634,6 +38862,10 @@ video { --tw-gradient-to: #2B50CB; } + .sm\:hover\:to-popred:hover { + --tw-gradient-to: #EA0420; + } + .sm\:hover\:to-popyellow:hover { --tw-gradient-to: #F4C916; } @@ -39081,6 +39313,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .sm\:focus\:from-popred:focus { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .sm\:focus\:from-popyellow:focus { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -39444,6 +39681,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .sm\:focus\:via-popred:focus { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .sm\:focus\:via-popyellow:focus { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -39804,6 +40045,10 @@ video { --tw-gradient-to: #2B50CB; } + .sm\:focus\:to-popred:focus { + --tw-gradient-to: #EA0420; + } + .sm\:focus\:to-popyellow:focus { --tw-gradient-to: #F4C916; } @@ -40629,6 +40874,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .sm\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .sm\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -41077,6 +41327,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .group:hover .sm\:group-hover\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .group:hover .sm\:group-hover\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -41525,6 +41780,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .sm\:focus-within\:border-popred:focus-within { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .sm\:focus-within\:border-popyellow:focus-within { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -41973,6 +42233,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .sm\:hover\:border-popred:hover { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .sm\:hover\:border-popyellow:hover { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -42421,6 +42686,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .sm\:focus\:border-popred:focus { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .sm\:focus\:border-popyellow:focus { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -49378,6 +49648,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .sm\:placeholder-popred::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .sm\:placeholder-popred:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .sm\:placeholder-popred::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .sm\:placeholder-popyellow::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -50722,6 +51007,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .sm\:focus\:placeholder-popred:focus::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .sm\:focus\:placeholder-popred:focus:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .sm\:focus\:placeholder-popred:focus::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .sm\:focus\:placeholder-popyellow:focus::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -54645,6 +54945,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .sm\:ring-offset-popred { + --tw-ring-offset-color: #EA0420; + } + .sm\:ring-offset-popyellow { --tw-ring-offset-color: #F4C916; } @@ -55005,6 +55309,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .sm\:focus-within\:ring-offset-popred:focus-within { + --tw-ring-offset-color: #EA0420; + } + .sm\:focus-within\:ring-offset-popyellow:focus-within { --tw-ring-offset-color: #F4C916; } @@ -55365,6 +55673,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .sm\:focus\:ring-offset-popred:focus { + --tw-ring-offset-color: #EA0420; + } + .sm\:focus\:ring-offset-popyellow:focus { --tw-ring-offset-color: #F4C916; } @@ -55870,6 +56182,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .sm\:ring-popred { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .sm\:ring-popyellow { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -56318,6 +56635,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .sm\:focus-within\:ring-popred:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .sm\:focus-within\:ring-popyellow:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -56766,6 +57088,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .sm\:focus\:ring-popred:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .sm\:focus\:ring-popyellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -57438,6 +57765,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .sm\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .sm\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -57891,6 +58223,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .group:hover .sm\:group-hover\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .group:hover .sm\:group-hover\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -58344,6 +58681,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .sm\:focus-within\:text-popred:focus-within { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .sm\:focus-within\:text-popyellow:focus-within { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -58797,6 +59139,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .sm\:hover\:text-popred:hover { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .sm\:hover\:text-popyellow:hover { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -59250,6 +59597,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .sm\:focus\:text-popred:focus { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .sm\:focus\:text-popyellow:focus { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -65520,6 +65872,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-divide-opacity)); } + .md\:divide-popred > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-divide-opacity)); + } + .md\:divide-popyellow > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-divide-opacity)); @@ -66152,6 +66509,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .md\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .md\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -66605,6 +66967,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .group:hover .md\:group-hover\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .group:hover .md\:group-hover\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -67058,6 +67425,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .md\:focus-within\:bg-popred:focus-within { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .md\:focus-within\:bg-popyellow:focus-within { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -67511,6 +67883,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .md\:hover\:bg-popred:hover { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .md\:hover\:bg-popyellow:hover { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -67964,6 +68341,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .md\:focus\:bg-popred:focus { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .md\:focus\:bg-popyellow:focus { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -68455,6 +68837,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .md\:from-popred { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .md\:from-popyellow { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -68818,6 +69205,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .md\:via-popred { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .md\:via-popyellow { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -69178,6 +69569,10 @@ video { --tw-gradient-to: #2B50CB; } + .md\:to-popred { + --tw-gradient-to: #EA0420; + } + .md\:to-popyellow { --tw-gradient-to: #F4C916; } @@ -69625,6 +70020,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .md\:hover\:from-popred:hover { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .md\:hover\:from-popyellow:hover { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -69988,6 +70388,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .md\:hover\:via-popred:hover { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .md\:hover\:via-popyellow:hover { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -70348,6 +70752,10 @@ video { --tw-gradient-to: #2B50CB; } + .md\:hover\:to-popred:hover { + --tw-gradient-to: #EA0420; + } + .md\:hover\:to-popyellow:hover { --tw-gradient-to: #F4C916; } @@ -70795,6 +71203,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .md\:focus\:from-popred:focus { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .md\:focus\:from-popyellow:focus { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -71158,6 +71571,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .md\:focus\:via-popred:focus { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .md\:focus\:via-popyellow:focus { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -71518,6 +71935,10 @@ video { --tw-gradient-to: #2B50CB; } + .md\:focus\:to-popred:focus { + --tw-gradient-to: #EA0420; + } + .md\:focus\:to-popyellow:focus { --tw-gradient-to: #F4C916; } @@ -72343,6 +72764,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .md\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .md\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -72791,6 +73217,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .group:hover .md\:group-hover\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .group:hover .md\:group-hover\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -73239,6 +73670,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .md\:focus-within\:border-popred:focus-within { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .md\:focus-within\:border-popyellow:focus-within { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -73687,6 +74123,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .md\:hover\:border-popred:hover { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .md\:hover\:border-popyellow:hover { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -74135,6 +74576,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .md\:focus\:border-popred:focus { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .md\:focus\:border-popyellow:focus { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -81092,6 +81538,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .md\:placeholder-popred::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .md\:placeholder-popred:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .md\:placeholder-popred::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .md\:placeholder-popyellow::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -82436,6 +82897,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .md\:focus\:placeholder-popred:focus::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .md\:focus\:placeholder-popred:focus:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .md\:focus\:placeholder-popred:focus::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .md\:focus\:placeholder-popyellow:focus::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -86359,6 +86835,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .md\:ring-offset-popred { + --tw-ring-offset-color: #EA0420; + } + .md\:ring-offset-popyellow { --tw-ring-offset-color: #F4C916; } @@ -86719,6 +87199,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .md\:focus-within\:ring-offset-popred:focus-within { + --tw-ring-offset-color: #EA0420; + } + .md\:focus-within\:ring-offset-popyellow:focus-within { --tw-ring-offset-color: #F4C916; } @@ -87079,6 +87563,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .md\:focus\:ring-offset-popred:focus { + --tw-ring-offset-color: #EA0420; + } + .md\:focus\:ring-offset-popyellow:focus { --tw-ring-offset-color: #F4C916; } @@ -87584,6 +88072,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .md\:ring-popred { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .md\:ring-popyellow { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -88032,6 +88525,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .md\:focus-within\:ring-popred:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .md\:focus-within\:ring-popyellow:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -88480,6 +88978,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .md\:focus\:ring-popred:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .md\:focus\:ring-popyellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -89152,6 +89655,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .md\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .md\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -89605,6 +90113,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .group:hover .md\:group-hover\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .group:hover .md\:group-hover\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -90058,6 +90571,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .md\:focus-within\:text-popred:focus-within { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .md\:focus-within\:text-popyellow:focus-within { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -90511,6 +91029,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .md\:hover\:text-popred:hover { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .md\:hover\:text-popyellow:hover { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -90964,6 +91487,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .md\:focus\:text-popred:focus { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .md\:focus\:text-popyellow:focus { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -97234,6 +97762,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-divide-opacity)); } + .lg\:divide-popred > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-divide-opacity)); + } + .lg\:divide-popyellow > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-divide-opacity)); @@ -97866,6 +98399,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .lg\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .lg\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -98319,6 +98857,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .group:hover .lg\:group-hover\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .group:hover .lg\:group-hover\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -98772,6 +99315,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .lg\:focus-within\:bg-popred:focus-within { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .lg\:focus-within\:bg-popyellow:focus-within { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -99225,6 +99773,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .lg\:hover\:bg-popred:hover { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .lg\:hover\:bg-popyellow:hover { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -99678,6 +100231,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .lg\:focus\:bg-popred:focus { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .lg\:focus\:bg-popyellow:focus { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -100169,6 +100727,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .lg\:from-popred { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .lg\:from-popyellow { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -100532,6 +101095,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .lg\:via-popred { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .lg\:via-popyellow { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -100892,6 +101459,10 @@ video { --tw-gradient-to: #2B50CB; } + .lg\:to-popred { + --tw-gradient-to: #EA0420; + } + .lg\:to-popyellow { --tw-gradient-to: #F4C916; } @@ -101339,6 +101910,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .lg\:hover\:from-popred:hover { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .lg\:hover\:from-popyellow:hover { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -101702,6 +102278,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .lg\:hover\:via-popred:hover { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .lg\:hover\:via-popyellow:hover { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -102062,6 +102642,10 @@ video { --tw-gradient-to: #2B50CB; } + .lg\:hover\:to-popred:hover { + --tw-gradient-to: #EA0420; + } + .lg\:hover\:to-popyellow:hover { --tw-gradient-to: #F4C916; } @@ -102509,6 +103093,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .lg\:focus\:from-popred:focus { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .lg\:focus\:from-popyellow:focus { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -102872,6 +103461,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .lg\:focus\:via-popred:focus { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .lg\:focus\:via-popyellow:focus { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -103232,6 +103825,10 @@ video { --tw-gradient-to: #2B50CB; } + .lg\:focus\:to-popred:focus { + --tw-gradient-to: #EA0420; + } + .lg\:focus\:to-popyellow:focus { --tw-gradient-to: #F4C916; } @@ -104057,6 +104654,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .lg\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .lg\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -104505,6 +105107,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .group:hover .lg\:group-hover\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .group:hover .lg\:group-hover\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -104953,6 +105560,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .lg\:focus-within\:border-popred:focus-within { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .lg\:focus-within\:border-popyellow:focus-within { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -105401,6 +106013,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .lg\:hover\:border-popred:hover { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .lg\:hover\:border-popyellow:hover { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -105849,6 +106466,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .lg\:focus\:border-popred:focus { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .lg\:focus\:border-popyellow:focus { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -112806,6 +113428,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .lg\:placeholder-popred::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .lg\:placeholder-popred:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .lg\:placeholder-popred::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .lg\:placeholder-popyellow::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -114150,6 +114787,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .lg\:focus\:placeholder-popred:focus::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .lg\:focus\:placeholder-popred:focus:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .lg\:focus\:placeholder-popred:focus::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .lg\:focus\:placeholder-popyellow:focus::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -118073,6 +118725,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .lg\:ring-offset-popred { + --tw-ring-offset-color: #EA0420; + } + .lg\:ring-offset-popyellow { --tw-ring-offset-color: #F4C916; } @@ -118433,6 +119089,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .lg\:focus-within\:ring-offset-popred:focus-within { + --tw-ring-offset-color: #EA0420; + } + .lg\:focus-within\:ring-offset-popyellow:focus-within { --tw-ring-offset-color: #F4C916; } @@ -118793,6 +119453,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .lg\:focus\:ring-offset-popred:focus { + --tw-ring-offset-color: #EA0420; + } + .lg\:focus\:ring-offset-popyellow:focus { --tw-ring-offset-color: #F4C916; } @@ -119298,6 +119962,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .lg\:ring-popred { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .lg\:ring-popyellow { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -119746,6 +120415,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .lg\:focus-within\:ring-popred:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .lg\:focus-within\:ring-popyellow:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -120194,6 +120868,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .lg\:focus\:ring-popred:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .lg\:focus\:ring-popyellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -120866,6 +121545,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .lg\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .lg\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -121319,6 +122003,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .group:hover .lg\:group-hover\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .group:hover .lg\:group-hover\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -121772,6 +122461,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .lg\:focus-within\:text-popred:focus-within { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .lg\:focus-within\:text-popyellow:focus-within { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -122225,6 +122919,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .lg\:hover\:text-popred:hover { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .lg\:hover\:text-popyellow:hover { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -122678,6 +123377,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .lg\:focus\:text-popred:focus { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .lg\:focus\:text-popyellow:focus { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -128948,6 +129652,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-divide-opacity)); } + .xl\:divide-popred > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-divide-opacity)); + } + .xl\:divide-popyellow > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-divide-opacity)); @@ -129580,6 +130289,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .xl\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .xl\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -130033,6 +130747,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .group:hover .xl\:group-hover\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .group:hover .xl\:group-hover\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -130486,6 +131205,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .xl\:focus-within\:bg-popred:focus-within { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .xl\:focus-within\:bg-popyellow:focus-within { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -130939,6 +131663,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .xl\:hover\:bg-popred:hover { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .xl\:hover\:bg-popyellow:hover { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -131392,6 +132121,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .xl\:focus\:bg-popred:focus { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .xl\:focus\:bg-popyellow:focus { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -131883,6 +132617,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .xl\:from-popred { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .xl\:from-popyellow { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -132246,6 +132985,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .xl\:via-popred { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .xl\:via-popyellow { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -132606,6 +133349,10 @@ video { --tw-gradient-to: #2B50CB; } + .xl\:to-popred { + --tw-gradient-to: #EA0420; + } + .xl\:to-popyellow { --tw-gradient-to: #F4C916; } @@ -133053,6 +133800,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .xl\:hover\:from-popred:hover { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .xl\:hover\:from-popyellow:hover { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -133416,6 +134168,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .xl\:hover\:via-popred:hover { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .xl\:hover\:via-popyellow:hover { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -133776,6 +134532,10 @@ video { --tw-gradient-to: #2B50CB; } + .xl\:hover\:to-popred:hover { + --tw-gradient-to: #EA0420; + } + .xl\:hover\:to-popyellow:hover { --tw-gradient-to: #F4C916; } @@ -134223,6 +134983,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .xl\:focus\:from-popred:focus { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .xl\:focus\:from-popyellow:focus { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -134586,6 +135351,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .xl\:focus\:via-popred:focus { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .xl\:focus\:via-popyellow:focus { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -134946,6 +135715,10 @@ video { --tw-gradient-to: #2B50CB; } + .xl\:focus\:to-popred:focus { + --tw-gradient-to: #EA0420; + } + .xl\:focus\:to-popyellow:focus { --tw-gradient-to: #F4C916; } @@ -135771,6 +136544,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .xl\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .xl\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -136219,6 +136997,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .group:hover .xl\:group-hover\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .group:hover .xl\:group-hover\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -136667,6 +137450,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .xl\:focus-within\:border-popred:focus-within { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .xl\:focus-within\:border-popyellow:focus-within { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -137115,6 +137903,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .xl\:hover\:border-popred:hover { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .xl\:hover\:border-popyellow:hover { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -137563,6 +138356,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .xl\:focus\:border-popred:focus { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .xl\:focus\:border-popyellow:focus { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -144520,6 +145318,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .xl\:placeholder-popred::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .xl\:placeholder-popred:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .xl\:placeholder-popred::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .xl\:placeholder-popyellow::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -145864,6 +146677,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .xl\:focus\:placeholder-popred:focus::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .xl\:focus\:placeholder-popred:focus:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .xl\:focus\:placeholder-popred:focus::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .xl\:focus\:placeholder-popyellow:focus::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -149787,6 +150615,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .xl\:ring-offset-popred { + --tw-ring-offset-color: #EA0420; + } + .xl\:ring-offset-popyellow { --tw-ring-offset-color: #F4C916; } @@ -150147,6 +150979,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .xl\:focus-within\:ring-offset-popred:focus-within { + --tw-ring-offset-color: #EA0420; + } + .xl\:focus-within\:ring-offset-popyellow:focus-within { --tw-ring-offset-color: #F4C916; } @@ -150507,6 +151343,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .xl\:focus\:ring-offset-popred:focus { + --tw-ring-offset-color: #EA0420; + } + .xl\:focus\:ring-offset-popyellow:focus { --tw-ring-offset-color: #F4C916; } @@ -151012,6 +151852,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .xl\:ring-popred { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .xl\:ring-popyellow { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -151460,6 +152305,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .xl\:focus-within\:ring-popred:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .xl\:focus-within\:ring-popyellow:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -151908,6 +152758,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .xl\:focus\:ring-popred:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .xl\:focus\:ring-popyellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -152580,6 +153435,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .xl\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .xl\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -153033,6 +153893,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .group:hover .xl\:group-hover\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .group:hover .xl\:group-hover\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -153486,6 +154351,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .xl\:focus-within\:text-popred:focus-within { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .xl\:focus-within\:text-popyellow:focus-within { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -153939,6 +154809,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .xl\:hover\:text-popred:hover { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .xl\:hover\:text-popyellow:hover { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -154392,6 +155267,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .xl\:focus\:text-popred:focus { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .xl\:focus\:text-popyellow:focus { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -160662,6 +161542,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-divide-opacity)); } + .\32xl\:divide-popred > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-divide-opacity)); + } + .\32xl\:divide-popyellow > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-divide-opacity)); @@ -161294,6 +162179,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .\32xl\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .\32xl\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -161747,6 +162637,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .group:hover .\32xl\:group-hover\:bg-popred { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .group:hover .\32xl\:group-hover\:bg-popyellow { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -162200,6 +163095,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .\32xl\:focus-within\:bg-popred:focus-within { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .\32xl\:focus-within\:bg-popyellow:focus-within { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -162653,6 +163553,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .\32xl\:hover\:bg-popred:hover { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .\32xl\:hover\:bg-popyellow:hover { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -163106,6 +164011,11 @@ video { background-color: rgba(43, 80, 203, var(--tw-bg-opacity)); } + .\32xl\:focus\:bg-popred:focus { + --tw-bg-opacity: 1; + background-color: rgba(234, 4, 32, var(--tw-bg-opacity)); + } + .\32xl\:focus\:bg-popyellow:focus { --tw-bg-opacity: 1; background-color: rgba(244, 201, 22, var(--tw-bg-opacity)); @@ -163597,6 +164507,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .\32xl\:from-popred { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .\32xl\:from-popyellow { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -163960,6 +164875,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .\32xl\:via-popred { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .\32xl\:via-popyellow { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -164320,6 +165239,10 @@ video { --tw-gradient-to: #2B50CB; } + .\32xl\:to-popred { + --tw-gradient-to: #EA0420; + } + .\32xl\:to-popyellow { --tw-gradient-to: #F4C916; } @@ -164767,6 +165690,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .\32xl\:hover\:from-popred:hover { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .\32xl\:hover\:from-popyellow:hover { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -165130,6 +166058,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .\32xl\:hover\:via-popred:hover { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .\32xl\:hover\:via-popyellow:hover { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -165490,6 +166422,10 @@ video { --tw-gradient-to: #2B50CB; } + .\32xl\:hover\:to-popred:hover { + --tw-gradient-to: #EA0420; + } + .\32xl\:hover\:to-popyellow:hover { --tw-gradient-to: #F4C916; } @@ -165937,6 +166873,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .\32xl\:focus\:from-popred:focus { + --tw-gradient-from: #EA0420; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .\32xl\:focus\:from-popyellow:focus { --tw-gradient-from: #F4C916; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 201, 22, 0)); @@ -166300,6 +167241,10 @@ video { --tw-gradient-stops: var(--tw-gradient-from), #2B50CB, var(--tw-gradient-to, rgba(43, 80, 203, 0)); } + .\32xl\:focus\:via-popred:focus { + --tw-gradient-stops: var(--tw-gradient-from), #EA0420, var(--tw-gradient-to, rgba(234, 4, 32, 0)); + } + .\32xl\:focus\:via-popyellow:focus { --tw-gradient-stops: var(--tw-gradient-from), #F4C916, var(--tw-gradient-to, rgba(244, 201, 22, 0)); } @@ -166660,6 +167605,10 @@ video { --tw-gradient-to: #2B50CB; } + .\32xl\:focus\:to-popred:focus { + --tw-gradient-to: #EA0420; + } + .\32xl\:focus\:to-popyellow:focus { --tw-gradient-to: #F4C916; } @@ -167485,6 +168434,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .\32xl\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .\32xl\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -167933,6 +168887,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .group:hover .\32xl\:group-hover\:border-popred { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .group:hover .\32xl\:group-hover\:border-popyellow { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -168381,6 +169340,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .\32xl\:focus-within\:border-popred:focus-within { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .\32xl\:focus-within\:border-popyellow:focus-within { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -168829,6 +169793,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .\32xl\:hover\:border-popred:hover { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .\32xl\:hover\:border-popyellow:hover { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -169277,6 +170246,11 @@ video { border-color: rgba(43, 80, 203, var(--tw-border-opacity)); } + .\32xl\:focus\:border-popred:focus { + --tw-border-opacity: 1; + border-color: rgba(234, 4, 32, var(--tw-border-opacity)); + } + .\32xl\:focus\:border-popyellow:focus { --tw-border-opacity: 1; border-color: rgba(244, 201, 22, var(--tw-border-opacity)); @@ -176234,6 +177208,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .\32xl\:placeholder-popred::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .\32xl\:placeholder-popred:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .\32xl\:placeholder-popred::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .\32xl\:placeholder-popyellow::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -177578,6 +178567,21 @@ video { color: rgba(43, 80, 203, var(--tw-placeholder-opacity)); } + .\32xl\:focus\:placeholder-popred:focus::-webkit-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .\32xl\:focus\:placeholder-popred:focus:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + + .\32xl\:focus\:placeholder-popred:focus::placeholder { + --tw-placeholder-opacity: 1; + color: rgba(234, 4, 32, var(--tw-placeholder-opacity)); + } + .\32xl\:focus\:placeholder-popyellow:focus::-webkit-input-placeholder { --tw-placeholder-opacity: 1; color: rgba(244, 201, 22, var(--tw-placeholder-opacity)); @@ -181501,6 +182505,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .\32xl\:ring-offset-popred { + --tw-ring-offset-color: #EA0420; + } + .\32xl\:ring-offset-popyellow { --tw-ring-offset-color: #F4C916; } @@ -181861,6 +182869,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .\32xl\:focus-within\:ring-offset-popred:focus-within { + --tw-ring-offset-color: #EA0420; + } + .\32xl\:focus-within\:ring-offset-popyellow:focus-within { --tw-ring-offset-color: #F4C916; } @@ -182221,6 +183233,10 @@ video { --tw-ring-offset-color: #2B50CB; } + .\32xl\:focus\:ring-offset-popred:focus { + --tw-ring-offset-color: #EA0420; + } + .\32xl\:focus\:ring-offset-popyellow:focus { --tw-ring-offset-color: #F4C916; } @@ -182726,6 +183742,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .\32xl\:ring-popred { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .\32xl\:ring-popyellow { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -183174,6 +184195,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .\32xl\:focus-within\:ring-popred:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .\32xl\:focus-within\:ring-popyellow:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -183622,6 +184648,11 @@ video { --tw-ring-color: rgba(43, 80, 203, var(--tw-ring-opacity)); } + .\32xl\:focus\:ring-popred:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(234, 4, 32, var(--tw-ring-opacity)); + } + .\32xl\:focus\:ring-popyellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(244, 201, 22, var(--tw-ring-opacity)); @@ -184294,6 +185325,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .\32xl\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .\32xl\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -184747,6 +185783,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .group:hover .\32xl\:group-hover\:text-popred { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .group:hover .\32xl\:group-hover\:text-popyellow { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -185200,6 +186241,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .\32xl\:focus-within\:text-popred:focus-within { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .\32xl\:focus-within\:text-popyellow:focus-within { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -185653,6 +186699,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .\32xl\:hover\:text-popred:hover { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .\32xl\:hover\:text-popyellow:hover { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); @@ -186106,6 +187157,11 @@ video { color: rgba(43, 80, 203, var(--tw-text-opacity)); } + .\32xl\:focus\:text-popred:focus { + --tw-text-opacity: 1; + color: rgba(234, 4, 32, var(--tw-text-opacity)); + } + .\32xl\:focus\:text-popyellow:focus { --tw-text-opacity: 1; color: rgba(244, 201, 22, var(--tw-text-opacity)); diff --git a/tailwind.config.js b/tailwind.config.js index 056a454..876835d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,6 +10,7 @@ module.exports = { lightgrey: '#F9F9F9', darkblue: '#122060', popblue: '#2B50CB', + popred: '#EA0420', popyellow: '#F4C916', poporange: '#F55D25', charchoal: '#444444', -- GitLab From 5dba3abc9440964b8c7183483835c020fdc7e9df Mon Sep 17 00:00:00 2001 From: Lia Yuliana Date: Mon, 29 Mar 2021 00:16:21 +0700 Subject: [PATCH 02/17] [RED] add test for register --- src/components/Registrasi/Register.test.js | 299 +++++++++++++++++++++ 1 file changed, 299 insertions(+) create mode 100644 src/components/Registrasi/Register.test.js diff --git a/src/components/Registrasi/Register.test.js b/src/components/Registrasi/Register.test.js new file mode 100644 index 0000000..ec77ae7 --- /dev/null +++ b/src/components/Registrasi/Register.test.js @@ -0,0 +1,299 @@ +import '@testing-library/jest-dom' +import {rest} from 'msw' +import {setupServer} from 'msw/node' +import {fireEvent, render, screen} from '@testing-library/react' +import Register from './Register' + +const fakeUserResponse = {token: 'fake_user_token'} +const server = setupServer( + rest.post('http://localhost:8000/api/v1/auth/register/', (req, res, ctx) => { + return res(ctx.json(fakeUserResponse)) + }), +) + +test('register error if email format not valid', async () => { + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendudemail.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '8123456789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) + + const emailCharacter = await screen.findByText( + "Email perlu mengandung karakter '@' diikuti domain", + ) + expect(emailCharacter).toBeVisible() +}) + +test('register error if phone number not all the numbers', async () => { + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendud@email.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '812345abc6789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) + + const phoneNumberStartsWith8 = await screen.findByText( + 'Nomor Handphone seluruhnya harus angka dan diawali dengan angka 8', + ) + expect(phoneNumberStartsWith8).toBeVisible() +}) + +test('register error if phone number does not start with 8', async () => { + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendud@email.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '2123456789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) + + const phoneNumberStartsWith8 = await screen.findByText( + 'Nomor Handphone seluruhnya harus angka dan diawali dengan angka 8', + ) + expect(phoneNumberStartsWith8).toBeVisible() +}) + +test('register error if password length less than eight character', async () => { + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendud@email.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '8123456789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'pass2'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'pass2'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) + + const passwordCharacterCountError = await screen.findByText( + 'Password harus mengandung setidaknya 8 karakter', + ) + expect(passwordCharacterCountError).toBeVisible() +}) + +test('register error if password not contain number', async () => { + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendud@email.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '8123456789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'sebuahPassYangValid'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'sebuahPassYangValid'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) + + const passwordOneNumber = await screen.findByText( + 'Password harus mengandung setidaknya 1 angka', + ) + expect(passwordOneNumber).toBeVisible() +}) + +test('register error if confirm password does not match with password', async () => { + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendud@email.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '8123456789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'sebuahPassYangV22'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) + + const unmatchedPassword = await screen.findByText('Password tidak cocok') + expect(unmatchedPassword).toBeVisible() +}) + +test('can click toggle mask password to show or hide password', async () => { + render() + fireEvent.click(screen.getByTestId('hide-password')) + const maskPassword = await screen.getByTestId('password-input') + expect(maskPassword.type).toBe('text') + fireEvent.click(screen.getByTestId('show-password')) + expect(maskPassword.type).toBe('password') +}) + +test('can click toggle mask confirm password to show or hide password', async () => { + render() + fireEvent.click(screen.getByTestId('hide-confirm-password')) + const maskPassword = await screen.getByTestId('confirm-password-input') + expect(maskPassword.type).toBe('text') + fireEvent.click(screen.getByTestId('show-confirm-password')) + expect(maskPassword.type).toBe('password') +}) + +test('data is sent to the server', async () => { + // mock the server error response for this test suite only. + server.use( + rest.post( + 'http://localhost:8000/api/v1/auth/register/', + (req, res, ctx) => { + const userData = [ + { + email: 'sigendud@email.com', + phone_number: '89520998871', + password: 'akusehat01', + confirm_password: 'akusehat01', + }, + ] + return res( + ctx.status(200), + ctx.json({message: 'Akun berhasil terdaftar'}), + ) + }, + ), + rest.post( + 'http://localhost:8000/api/v1/auth/register/', + (req, res, ctx) => { + const userData = [ + { + email: 'sigendud@email.com', + phone_number: '89520998871', + password: 'akusehat01', + confirm_password: 'akusehat01', + }, + ] + return res( + ctx.status(400), + ctx.json({password: 'account with this email already exists.'}), + ) + }, + ), + ) + + render() + + const emailElement = screen.getByLabelText(/Email/i) + fireEvent.change(emailElement, { + target: {value: 'sigendud@email.com'}, + }) + + const noHandphoneElement = screen.getByLabelText(/No Handphone Aktif/i) + fireEvent.change(noHandphoneElement, { + target: {value: '8123456789'}, + }) + + const passwordElement = screen.getByLabelText('Password*') + fireEvent.change(passwordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const konfirmasiPasswordElement = screen.getByLabelText( + 'Konfirmasi Password*', + ) + fireEvent.change(konfirmasiPasswordElement, { + target: {value: 'sebuahPassYangValid22'}, + }) + + const daftarButton = screen.getByTestId('daftar') + fireEvent.click(daftarButton) +}) -- GitLab From b27ad8ceb153029333d072d6b19bd35d4a1e8fb1 Mon Sep 17 00:00:00 2001 From: Lia Yuliana Date: Mon, 29 Mar 2021 00:22:39 +0700 Subject: [PATCH 03/17] [GREEN] fix test for register --- src/assets/hide-password.svg | 4 + src/assets/indonesian-flag.svg | 4 + src/assets/justika-logo.svg | 18 ++ src/assets/show-password.svg | 4 + src/components/Registrasi/Register.js | 281 ++++++++++++++++++++++++++ 5 files changed, 311 insertions(+) create mode 100644 src/assets/hide-password.svg create mode 100644 src/assets/indonesian-flag.svg create mode 100644 src/assets/justika-logo.svg create mode 100644 src/assets/show-password.svg create mode 100644 src/components/Registrasi/Register.js diff --git a/src/assets/hide-password.svg b/src/assets/hide-password.svg new file mode 100644 index 0000000..22b7b21 --- /dev/null +++ b/src/assets/hide-password.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/indonesian-flag.svg b/src/assets/indonesian-flag.svg new file mode 100644 index 0000000..2cd886d --- /dev/null +++ b/src/assets/indonesian-flag.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/justika-logo.svg b/src/assets/justika-logo.svg new file mode 100644 index 0000000..0e1049e --- /dev/null +++ b/src/assets/justika-logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/assets/show-password.svg b/src/assets/show-password.svg new file mode 100644 index 0000000..84b2ce6 --- /dev/null +++ b/src/assets/show-password.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Registrasi/Register.js b/src/components/Registrasi/Register.js new file mode 100644 index 0000000..d271e3b --- /dev/null +++ b/src/components/Registrasi/Register.js @@ -0,0 +1,281 @@ +/* eslint-disable no-useless-escape */ +import React, {useState, useRef} from 'react' +import JustikaLogo from '../../assets/justika-logo.svg' +import IndonesianFlag from '../../assets/indonesian-flag.svg' +import HidePassword from '../../assets/hide-password.svg' +import ShowPassword from '../../assets/show-password.svg' +import {useForm} from 'react-hook-form' +import {Link} from '@reach/router' +import axios from 'axios' +import {navigate} from '@reach/router' +import toast, {Toaster} from 'react-hot-toast' +import {response} from 'msw' + +const Register = () => { + const {register, handleSubmit, watch, errors} = useForm() + const [maskPassword, setMaskPassword] = useState(true) + const [maskConfirmPassword, setMaskConfirmPassword] = useState(true) + const password = useRef() + password.current = watch('password', '') + + const onSubmit = (data) => { + axios + .post('http://localhost:8000/api/v1/auth/register/', data) + .then(() => { + navigate('/', { + state: {message: 'Akun berhasil terdaftar'}, + replace: false, + }) + console.log(response.data) + }) + .catch((error) => { + console.log(error.response.data) + if (error.response.data.email !== undefined) { + toast.error(error.response.data.email) + } else if (error.response.data.non_field_errors !== undefined) { + toast.error(error.response.data.non_field_errors) + } + }) + } + + const changeMaskPassword = () => { + if (maskPassword) { + setMaskPassword(false) + } else { + setMaskPassword(true) + } + } + + const changeMaskConfirmPassword = () => { + if (maskConfirmPassword) { + setMaskConfirmPassword(false) + } else { + setMaskConfirmPassword(true) + } + } + + return ( +
+
+ +

Isi form di bawah ini

+

+ Sudah memiliki akun?{' '} + + Masuk + +

+ +
+
+
+ + +

+ Dibutuhkan untuk verifikasi akun +

+
+ {errors.email && ( + + {errors.email.message} + + )} +
+
+ +
+ +
+
+ +

+ +62 +

+
+ +
+

Dibutuhkan untuk konsultasi

+
+ {errors.phone_number && ( + + {errors.phone_number.message} + + )} +
+
+ +
+ +
+ + {maskPassword ? ( + + ) : ( + + )} +
+

+ Minimal 8 karakter dan mengandung angka +

+
+ {errors.password && ( + + {errors.password.message} + + )} +
+
+ +
+ +
+ + value === password.current || 'Password tidak cocok', + })} + /> + {maskConfirmPassword ? ( + + ) : ( + + )} +
+
+ {errors.confirm_password && ( + + {errors.confirm_password.message} + + )} +
+
+ +
+

+ Dengan menekan tombol ’Daftar’, Anda telah membaca dan + menyetujui + + {' '} + Kebijakan Privasi + {' '} + dan{' '} + + Syarat & Ketentuan Penggunaan. + +

+
+ +
+
+
+
+
+ +
+ ) +} + +export default Register -- GitLab From 07febaad11c06586d20160ccc2650bfffa1e3cf9 Mon Sep 17 00:00:00 2001 From: Lia Yuliana Date: Mon, 29 Mar 2021 00:23:37 +0700 Subject: [PATCH 04/17] [RED] add test homepage --- src/pages/homepage.test.js | 53 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 src/pages/homepage.test.js diff --git a/src/pages/homepage.test.js b/src/pages/homepage.test.js new file mode 100644 index 0000000..a46e239 --- /dev/null +++ b/src/pages/homepage.test.js @@ -0,0 +1,53 @@ +import {render, screen} from '@testing-library/react' +import Homepage from './homepage' + +test('renders Navbar Element', () => { + render() + const daftarButtonElement = screen.getByText(/Daftarkan Usahamu!/i) + const masukButtonElement = screen.getByText(/Masuk/i) + expect(daftarButtonElement).toBeInTheDocument() + expect(masukButtonElement).toBeInTheDocument() +}) + +test('renders Hero', () => { + render() + const titleElement = screen.getByText(/Stop Legal Platform/i) + const subtitle1Element = screen.getByText( + /Untuk para pelaku usaha kecil dan menengah./i, + ) + const subtitle2Element = screen.getByText(/Aman, Mudah, Terjangkau!/i) + expect(titleElement).toBeInTheDocument() + expect(subtitle1Element).toBeInTheDocument() + expect(subtitle2Element).toBeInTheDocument() +}) + +test('renders Card Element', () => { + render() + const konsultasiTitleElement = screen.getByText( + /Konsutasi Hukum Langsung dengan Pengacara Terkurasi/i, + ) + const izinUmkmTitleElement = screen.getAllByText( + /Izin Usaha Mikro Kecil Paling Mudah/i, + ) + const izinPtTitleElement = screen.getByText(/Pendirian dan Perizinan PT/i) + + expect(konsultasiTitleElement).toBeInTheDocument() + expect(izinUmkmTitleElement).toBeTruthy() + expect(izinPtTitleElement).toBeInTheDocument() +}) + +test('renders Benefits Element', () => { + render() + const securityTitleElement = screen.getByText(/Pemberi Jasa Terkurasi/i) + const documentTitleElement = screen.getByText(/Dokumen dan Informasi Aman/i) + const collaborativeTitleElement = screen.getByText(/Platform Kolaboratif/i) + + expect(securityTitleElement).toBeInTheDocument() + expect(documentTitleElement).toBeInTheDocument() + expect(collaborativeTitleElement).toBeInTheDocument() +}) + +test('renders Footer Element', () => { + render() + expect(screen.getByTestId('Footer')).toBeInTheDocument() +}) -- GitLab From 92efad18e667f77b48b419fa109fe56137ffadbc Mon Sep 17 00:00:00 2001 From: Lia Yuliana Date: Mon, 29 Mar 2021 00:24:12 +0700 Subject: [PATCH 05/17] [GREEN] fix test for homepage --- src/pages/homepage.js | 75 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 src/pages/homepage.js diff --git a/src/pages/homepage.js b/src/pages/homepage.js new file mode 100644 index 0000000..05ca4ab --- /dev/null +++ b/src/pages/homepage.js @@ -0,0 +1,75 @@ +import Card from '../components/Card/Card' +import {data} from '../data/layanan' +import Benefits from '../components/Benefits/Benefits' +import {dataBenefits} from '../data/benefits' +import Navbar from '../components/Navbar/Navbar' +import Hero from '../assets/hero.png' +import Footer from '../components/Footer/Footer' +import toast, {Toaster} from 'react-hot-toast' +import {useEffect} from 'react' +import PropTypes from 'prop-types' + +const Homepage = ({location}) => { + useEffect(() => { + if (location?.state) { + toast.success(location.state.message) + } + }, []) + + return ( +
+ +
+
+ +
+

+ One Stop Legal Platform +

+

+ Untuk para pelaku usaha kecil dan menengah. +
+ Aman, Mudah, Terjangkau! +

+
+
+ +
+
+ {data.map((value, index) => ( + + ))} +
+ +
+ {dataBenefits.map((value, index) => ( + + ))} +
+ +
+
+
+ +
+ ) +} + +Homepage.propTypes = { + location: PropTypes.object, +} + +export default Homepage -- GitLab From 7cf4cb30291168b27e64ee76160abd114c8a5b6c Mon Sep 17 00:00:00 2001 From: Shafiya Adzhani Date: Mon, 29 Mar 2021 01:49:37 +0800 Subject: [PATCH 06/17] [CHORES] fix lint and format issue --- package-lock.json | 350 ++++++++++++++++++++- package.json | 2 + src/App.js | 8 +- src/App.test.js | 4 +- src/components/Card/Card.js | 9 +- src/components/Registrasi/Register.js | 2 +- src/components/Registrasi/Register.test.js | 20 +- src/index.css | 6 +- src/pages/homepage.js | 2 +- 9 files changed, 361 insertions(+), 42 deletions(-) diff --git a/package-lock.json b/package-lock.json index a0ad32e..0891bd1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1763,6 +1763,36 @@ } } }, + "@mswjs/cookies": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/@mswjs/cookies/-/cookies-0.1.4.tgz", + "integrity": "sha512-gdtmSv21D4wHTnqF4rrZVX6ye7mQ4nRCTIHYnHBr4SkgoXaiqe3sMvUzXm43+H4PnL0EAKvUTxRVSSXz2xebeg==", + "requires": { + "@types/set-cookie-parser": "^2.4.0", + "set-cookie-parser": "^2.4.6" + } + }, + "@mswjs/interceptors": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.8.1.tgz", + "integrity": "sha512-OI9FYmtURESZG3QDNz4Yt3osy3HY4T3FjlRw+AG4QS1UDdTSZ0tuPFAkp23nGR9ojmbSSj4gSMjf5+R8Oi/qtQ==", + "requires": { + "@open-draft/until": "^1.0.3", + "debug": "^4.3.0", + "headers-utils": "^3.0.2", + "strict-event-emitter": "^0.2.0" + }, + "dependencies": { + "strict-event-emitter": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.2.0.tgz", + "integrity": "sha512-zv7K2egoKwkQkZGEaH8m+i2D0XiKzx5jNsiSul6ja2IYFvil10A59Z9Y7PPAAe5OW53dQUf9CfsHKzjZzKkm1w==", + "requires": { + "events": "^3.3.0" + } + } + } + }, "@nodelib/fs.scandir": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.4.tgz", @@ -1802,6 +1832,11 @@ } } }, + "@open-draft/until": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@open-draft/until/-/until-1.0.3.tgz", + "integrity": "sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==" + }, "@pmmmwh/react-refresh-webpack-plugin": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz", @@ -2213,6 +2248,11 @@ "@babel/types": "^7.3.0" } }, + "@types/cookie": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.0.tgz", + "integrity": "sha512-y7mImlc/rNkvCRmg8gC3/lj87S7pTUIJ6QGjwHR9WQJcFs+ZMTOaoPrkdFA/YdbuqVEmEbb5RdhVxMkAcgOnpg==" + }, "@types/eslint": { "version": "7.2.6", "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.2.6.tgz", @@ -2249,6 +2289,15 @@ "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz", "integrity": "sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA==" }, + "@types/inquirer": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/@types/inquirer/-/inquirer-7.3.1.tgz", + "integrity": "sha512-osD38QVIfcdgsPCT0V3lD7eH0OFurX71Jft18bZrsVQWVRt6TuxRzlr0GJLrxoHZR2V5ph7/qP8se/dcnI7o0g==", + "requires": { + "@types/through": "*", + "rxjs": "^6.4.0" + } + }, "@types/istanbul-lib-coverage": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz", @@ -2279,6 +2328,11 @@ "pretty-format": "^26.0.0" } }, + "@types/js-levenshtein": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@types/js-levenshtein/-/js-levenshtein-1.1.0.tgz", + "integrity": "sha512-14t0v1ICYRtRVcHASzes0v/O+TIeASb8aD55cWF1PidtInhFWSXcmhzhHqGjUWf9SUq1w70cvd1cWKUULubAfQ==" + }, "@types/json-schema": { "version": "7.0.7", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz", @@ -2327,6 +2381,14 @@ "@types/node": "*" } }, + "@types/set-cookie-parser": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/@types/set-cookie-parser/-/set-cookie-parser-2.4.0.tgz", + "integrity": "sha512-w7BFUq81sy7H/0jN0K5cax8MwRN6NOSURpY4YuO4+mOgoicxCZ33BUYz+gyF/sUf7uDl2We2yGJfppxzEXoAXQ==", + "requires": { + "@types/node": "*" + } + }, "@types/source-list-map": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz", @@ -2350,6 +2412,14 @@ "@types/jest": "*" } }, + "@types/through": { + "version": "0.0.30", + "resolved": "https://registry.npmjs.org/@types/through/-/through-0.0.30.tgz", + "integrity": "sha512-FvnCJljyxhPM3gkRgWmxmDZyAQSiBQQWLI0A0VFL0K7W1oRUrPJSqNO0NvTnLkBcotdlp3lKvaT0JrnyRDkzOg==", + "requires": { + "@types/node": "*" + } + }, "@types/uglify-js": { "version": "3.12.0", "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.12.0.tgz", @@ -3599,8 +3669,7 @@ "binary-extensions": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "optional": true + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==" }, "bindings": { "version": "1.5.0", @@ -4001,6 +4070,11 @@ "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz", "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==" }, + "chardet": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", + "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==" + }, "check-types": { "version": "11.1.2", "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.1.2.tgz", @@ -4010,7 +4084,6 @@ "version": "3.5.1", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz", "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==", - "optional": true, "requires": { "anymatch": "~3.1.1", "braces": "~3.0.2", @@ -4099,7 +4172,6 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", - "dev": true, "requires": { "restore-cursor": "^3.1.0" } @@ -4151,6 +4223,11 @@ } } }, + "cli-width": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz", + "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==" + }, "cliui": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz", @@ -6616,6 +6693,16 @@ } } }, + "external-editor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz", + "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==", + "requires": { + "chardet": "^0.7.0", + "iconv-lite": "^0.4.24", + "tmp": "^0.0.33" + } + }, "extglob": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", @@ -6741,7 +6828,6 @@ "version": "3.2.0", "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", - "dev": true, "requires": { "escape-string-regexp": "^1.0.5" } @@ -7284,6 +7370,11 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz", "integrity": "sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==" }, + "graphql": { + "version": "15.5.0", + "resolved": "https://registry.npmjs.org/graphql/-/graphql-15.5.0.tgz", + "integrity": "sha512-OmaM7y0kaK31NKG31q4YbD2beNYa6jBBKtMFT6gLYJljHLJr42IqJ8KX08u3Li/0ifzTU5HjmoOOrwa5BRLeDA==" + }, "growly": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz", @@ -7429,6 +7520,11 @@ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" }, + "headers-utils": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/headers-utils/-/headers-utils-3.0.2.tgz", + "integrity": "sha512-xAxZkM1dRyGV2Ou5bzMxBPNLoRCjcX+ya7KSWybQD2KwLphxsapUVK6x/02o7f4VU6GPSXch9vNY2+gkU8tYWQ==" + }, "hex-color-regex": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz", @@ -7938,6 +8034,71 @@ "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==" }, + "inquirer": { + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz", + "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==", + "requires": { + "ansi-escapes": "^4.2.1", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-width": "^3.0.0", + "external-editor": "^3.0.3", + "figures": "^3.0.0", + "lodash": "^4.17.19", + "mute-stream": "0.0.8", + "run-async": "^2.4.0", + "rxjs": "^6.6.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0", + "through": "^2.3.6" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "color-convert": { + "version": "2.0.1", + "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" + } + }, + "color-name": { + "version": "1.1.4", + "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://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, "internal-ip": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz", @@ -8025,7 +8186,6 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "optional": true, "requires": { "binary-extensions": "^2.0.0" } @@ -9854,6 +10014,11 @@ } } }, + "js-levenshtein": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz", + "integrity": "sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==" + }, "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -10858,6 +11023,130 @@ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" }, + "msw": { + "version": "0.28.0", + "resolved": "https://registry.npmjs.org/msw/-/msw-0.28.0.tgz", + "integrity": "sha512-Hh+dPp613tethIFwNg90lvAzrW9T0U39D6AYzV8qIOAWskP49CErrqVWZnmPDQC87o69GzZ9Hl3RGz/65mms3A==", + "requires": { + "@mswjs/cookies": "^0.1.4", + "@mswjs/interceptors": "^0.8.0", + "@open-draft/until": "^1.0.3", + "@types/cookie": "^0.4.0", + "@types/inquirer": "^7.3.1", + "@types/js-levenshtein": "^1.1.0", + "chalk": "^4.1.0", + "chokidar": "^3.4.2", + "cookie": "^0.4.1", + "graphql": "^15.4.0", + "headers-utils": "^3.0.2", + "inquirer": "^7.3.3", + "js-levenshtein": "^1.1.6", + "node-fetch": "^2.6.1", + "node-match-path": "^0.6.1", + "statuses": "^2.0.0", + "strict-event-emitter": "^0.1.0", + "yargs": "^16.2.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "cliui": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "requires": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^7.0.0" + } + }, + "color-convert": { + "version": "2.0.1", + "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" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "cookie": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz", + "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==" + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" + }, + "statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==" + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "requires": { + "has-flag": "^4.0.0" + } + }, + "wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + } + }, + "y18n": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.5.tgz", + "integrity": "sha512-hsRUr4FFrvhhRH12wOdfs38Gy7k2FFzB9qgN9v3aLykRq0dRcdcpz5C9FxdS2NuhOrI/628b/KSTJ3rwHysYSg==" + }, + "yargs": { + "version": "16.2.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", + "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", + "requires": { + "cliui": "^7.0.2", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.0", + "y18n": "^5.0.5", + "yargs-parser": "^20.2.2" + } + }, + "yargs-parser": { + "version": "20.2.7", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.7.tgz", + "integrity": "sha512-FiNkvbeHzB/syOjIUxFDCnhSfzAL8R5vs40MgLFBorXACCOAEaWu0gRZl14vG8MR9AOJIZbmkjhusqBYZ3HTHw==" + } + } + }, "multicast-dns": { "version": "6.2.3", "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz", @@ -10872,6 +11161,11 @@ "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz", "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=" }, + "mute-stream": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz", + "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==" + }, "nan": { "version": "2.14.2", "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz", @@ -10958,6 +11252,11 @@ "lodash.toarray": "^4.4.0" } }, + "node-fetch": { + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz", + "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==" + }, "node-forge": { "version": "0.10.0", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz", @@ -11029,6 +11328,11 @@ } } }, + "node-match-path": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/node-match-path/-/node-match-path-0.6.2.tgz", + "integrity": "sha512-2VYsUKiovaCZDq1t/3kEqh09743H91WE6B3RzSdjsKh+S/a5z+LQoujMI1JI/RYXqNKFvoqMfye1H0g3Dg9u+g==" + }, "node-modules-regexp": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz", @@ -11354,6 +11658,11 @@ "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz", "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=" }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" + }, "p-each-series": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/p-each-series/-/p-each-series-2.2.0.tgz", @@ -14995,7 +15304,6 @@ "version": "3.5.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz", "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==", - "optional": true, "requires": { "picomatch": "^2.2.1" } @@ -15367,7 +15675,6 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", - "dev": true, "requires": { "onetime": "^5.1.0", "signal-exit": "^3.0.2" @@ -15514,6 +15821,11 @@ "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz", "integrity": "sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==" }, + "run-async": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", + "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==" + }, "run-parallel": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", @@ -15534,7 +15846,6 @@ "version": "6.6.6", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.6.tgz", "integrity": "sha512-/oTwee4N4iWzAMAL9xdGKjkEHmIwupR3oXbQjCKywF1BeFohswF3vZdogbmEF6pZkOsXTzWkrZszrWpQTByYVg==", - "dev": true, "requires": { "tslib": "^1.9.0" } @@ -15888,6 +16199,11 @@ "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" }, + "set-cookie-parser": { + "version": "2.4.8", + "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.4.8.tgz", + "integrity": "sha512-edRH8mBKEWNVIVMKejNnuJxleqYE/ZSdcT8/Nem9/mmosx12pctd80s2Oy00KNZzrogMZS5mauK2/ymL1bvlvg==" + }, "set-value": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", @@ -16458,6 +16774,11 @@ "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==" }, + "strict-event-emitter": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.1.0.tgz", + "integrity": "sha512-8hSYfU+WKLdNcHVXJ0VxRXiPESalzRe7w1l8dg9+/22Ry+iZQUoQuoJ27R30GMD1TiyYINWsIEGY05WrskhSKw==" + }, "strict-uri-encode": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz", @@ -17023,8 +17344,7 @@ "through": { "version": "2.3.8", "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", - "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=", - "dev": true + "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" }, "through2": { "version": "2.0.5", @@ -17077,6 +17397,14 @@ "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz", "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=" }, + "tmp": { + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "requires": { + "os-tmpdir": "~1.0.2" + } + }, "tmpl": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.4.tgz", diff --git a/package.json b/package.json index 4d6ecb9..98d01c8 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,8 @@ "@testing-library/react": "^11.2.5", "@testing-library/user-event": "^12.8.1", "autoprefixer": "^10.2.5", + "axios": "^0.21.1", + "msw": "^0.28.0", "postcss": "^8.2.8", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/src/App.js b/src/App.js index 14b41a2..066c946 100644 --- a/src/App.js +++ b/src/App.js @@ -1,7 +1,6 @@ import Homepage from './pages/homepage' -import Register from "./components/Registrasi/Register"; -import Login from "./components/Autentikasi/Login"; -import { Router } from "@reach/router"; +import Register from './components/Registrasi/Register' +import {Router} from '@reach/router' function App() { return ( @@ -9,10 +8,9 @@ function App() { - - ); + ) } export default App diff --git a/src/App.test.js b/src/App.test.js index ccfd469..f8eca2a 100644 --- a/src/App.test.js +++ b/src/App.test.js @@ -12,7 +12,9 @@ test('renders Navbar Element', () => { test('renders Hero', () => { render() const titleElement = screen.getByText(/Stop Legal Platform/i) - const subtitle1Element = screen.getByText(/Untuk para pelaku usaha kecil dan menengah./i) + const subtitle1Element = screen.getByText( + /Untuk para pelaku usaha kecil dan menengah./i, + ) const subtitle2Element = screen.getByText(/Aman, Mudah, Terjangkau!/i) expect(titleElement).toBeInTheDocument() expect(subtitle1Element).toBeInTheDocument() diff --git a/src/components/Card/Card.js b/src/components/Card/Card.js index a0292b7..386fe57 100644 --- a/src/components/Card/Card.js +++ b/src/components/Card/Card.js @@ -6,10 +6,15 @@ const Card = ({index, image, title, text, url}) => {
- +

{title}

diff --git a/src/components/Registrasi/Register.js b/src/components/Registrasi/Register.js index d271e3b..44a39a3 100644 --- a/src/components/Registrasi/Register.js +++ b/src/components/Registrasi/Register.js @@ -250,7 +250,7 @@ const Register = () => {

- Dengan menekan tombol ’Daftar’, Anda telah membaca dan + Dengan menekan tombol "Daftar", Anda telah membaca dan menyetujui {' '} diff --git a/src/components/Registrasi/Register.test.js b/src/components/Registrasi/Register.test.js index ec77ae7..a2707ae 100644 --- a/src/components/Registrasi/Register.test.js +++ b/src/components/Registrasi/Register.test.js @@ -216,7 +216,7 @@ test('register error if confirm password does not match with password', async () test('can click toggle mask password to show or hide password', async () => { render() fireEvent.click(screen.getByTestId('hide-password')) - const maskPassword = await screen.getByTestId('password-input') + const maskPassword = screen.getByTestId('password-input') expect(maskPassword.type).toBe('text') fireEvent.click(screen.getByTestId('show-password')) expect(maskPassword.type).toBe('password') @@ -225,7 +225,7 @@ test('can click toggle mask password to show or hide password', async () => { test('can click toggle mask confirm password to show or hide password', async () => { render() fireEvent.click(screen.getByTestId('hide-confirm-password')) - const maskPassword = await screen.getByTestId('confirm-password-input') + const maskPassword = screen.getByTestId('confirm-password-input') expect(maskPassword.type).toBe('text') fireEvent.click(screen.getByTestId('show-confirm-password')) expect(maskPassword.type).toBe('password') @@ -237,14 +237,6 @@ test('data is sent to the server', async () => { rest.post( 'http://localhost:8000/api/v1/auth/register/', (req, res, ctx) => { - const userData = [ - { - email: 'sigendud@email.com', - phone_number: '89520998871', - password: 'akusehat01', - confirm_password: 'akusehat01', - }, - ] return res( ctx.status(200), ctx.json({message: 'Akun berhasil terdaftar'}), @@ -254,14 +246,6 @@ test('data is sent to the server', async () => { rest.post( 'http://localhost:8000/api/v1/auth/register/', (req, res, ctx) => { - const userData = [ - { - email: 'sigendud@email.com', - phone_number: '89520998871', - password: 'akusehat01', - confirm_password: 'akusehat01', - }, - ] return res( ctx.status(400), ctx.json({password: 'account with this email already exists.'}), diff --git a/src/index.css b/src/index.css index 4a1df4d..ec2585e 100644 --- a/src/index.css +++ b/src/index.css @@ -1,13 +1,13 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", - "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } diff --git a/src/pages/homepage.js b/src/pages/homepage.js index 05ca4ab..c7349f7 100644 --- a/src/pages/homepage.js +++ b/src/pages/homepage.js @@ -14,7 +14,7 @@ const Homepage = ({location}) => { if (location?.state) { toast.success(location.state.message) } - }, []) + }, [location]) return (

-- GitLab From 1e36cb159f53813ca9a5a010f96ef18253dd62d2 Mon Sep 17 00:00:00 2001 From: Lia Yuliana Date: Mon, 29 Mar 2021 01:14:21 +0700 Subject: [PATCH 07/17] [REFACTOR] simplify catch error and delete console.log in register --- src/components/Registrasi/Register.js | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/components/Registrasi/Register.js b/src/components/Registrasi/Register.js index 44a39a3..4d11d45 100644 --- a/src/components/Registrasi/Register.js +++ b/src/components/Registrasi/Register.js @@ -9,7 +9,6 @@ import {Link} from '@reach/router' import axios from 'axios' import {navigate} from '@reach/router' import toast, {Toaster} from 'react-hot-toast' -import {response} from 'msw' const Register = () => { const {register, handleSubmit, watch, errors} = useForm() @@ -26,13 +25,11 @@ const Register = () => { state: {message: 'Akun berhasil terdaftar'}, replace: false, }) - console.log(response.data) }) .catch((error) => { - console.log(error.response.data) - if (error.response.data.email !== undefined) { + if (error.response.data.email) { toast.error(error.response.data.email) - } else if (error.response.data.non_field_errors !== undefined) { + } else if (error.response.data.non_field_errors) { toast.error(error.response.data.non_field_errors) } }) -- GitLab From f708e999ab56931df6c72e9e2ef585c0aae35d6c Mon Sep 17 00:00:00 2001 From: Shafiya Adzhani Date: Mon, 29 Mar 2021 02:21:43 +0800 Subject: [PATCH 08/17] [CHORES] add config api --- src/api/config.js | 11 +++++++++++ src/components/Registrasi/Register.js | 3 ++- 2 files changed, 13 insertions(+), 1 deletion(-) create mode 100644 src/api/config.js diff --git a/src/api/config.js b/src/api/config.js new file mode 100644 index 0000000..ead589d --- /dev/null +++ b/src/api/config.js @@ -0,0 +1,11 @@ +export const isDevelopment = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test' + +const developmentConstants = { + API_BASE_URL: 'http://localhost:8000', +} + +const productionConstants = { + API_BASE_URL: 'https://justika-staging.herokuapp.com', +} + +export default isDevelopment ? developmentConstants : productionConstants diff --git a/src/components/Registrasi/Register.js b/src/components/Registrasi/Register.js index 4d11d45..d7b7d88 100644 --- a/src/components/Registrasi/Register.js +++ b/src/components/Registrasi/Register.js @@ -9,6 +9,7 @@ import {Link} from '@reach/router' import axios from 'axios' import {navigate} from '@reach/router' import toast, {Toaster} from 'react-hot-toast' +import BASE_URL from '../../api/config' const Register = () => { const {register, handleSubmit, watch, errors} = useForm() @@ -19,7 +20,7 @@ const Register = () => { const onSubmit = (data) => { axios - .post('http://localhost:8000/api/v1/auth/register/', data) + .post(`${BASE_URL.API_BASE_URL}/api/v1/auth/register/`, data) .then(() => { navigate('/', { state: {message: 'Akun berhasil terdaftar'}, -- GitLab From 114fc54ca77b1db476c8cd37e82ee54992f8101b Mon Sep 17 00:00:00 2001 From: Nabila Ayu Dewanti Date: Wed, 31 Mar 2021 16:25:01 +0700 Subject: [PATCH 09/17] [CHORES] fix register responsive margin --- src/components/Registrasi/Register.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Registrasi/Register.js b/src/components/Registrasi/Register.js index d7b7d88..0354cd4 100644 --- a/src/components/Registrasi/Register.js +++ b/src/components/Registrasi/Register.js @@ -59,7 +59,7 @@ const Register = () => { >
-

Isi form di bawah ini

+

Isi form di bawah ini

{

-
+