Merge 'origin/feat/auth_views' (#19)

Newbies-Workplace · Apr 13, 2022 · 88f1fb4 · 88f1fb4
2 parents ec4611c + 403f39b
commit 88f1fb4
Show file tree

Hide file tree

Showing 50 changed files with 548 additions and 61 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -86,6 +86,7 @@
     "@typescript-eslint/eslint-plugin": "^4.31.2",
     "@typescript-eslint/parser": "^4.31.2",
     "axios": "^0.23.0",
+    "classnames": "^2.3.1",
     "eslint": "^7.32.0",
     "eslint-plugin-react": "^7.26.0",
     "formik": "^2.2.9",

diff --git a/src/__mocks__/assets.js b/src/__mocks__/assets.js
@@ -0,0 +1 @@
+export default "";
diff --git a/src/__mocks__/css.js b/src/__mocks__/css.js
@@ -0,0 +1 @@
+export default {};
diff --git a/src/assets/images/GalaxyBg.png b/src/assets/images/GalaxyBg.png
diff --git a/src/assets/vectors/back-arrow.svg b/src/assets/vectors/back-arrow.svg
diff --git a/src/assets/vectors/planet-blue-logo.svg b/src/assets/vectors/planet-blue-logo.svg
diff --git a/src/assets/vectors/planet-blue.svg b/src/assets/vectors/planet-blue.svg
diff --git a/src/assets/vectors/planet-where.svg b/src/assets/vectors/planet-where.svg
diff --git a/src/assets/vectors/planet-yellow.svg b/src/assets/vectors/planet-yellow.svg
diff --git a/src/components/AuthButtonsContainer/AuthButtonsContainer.module.css b/src/components/AuthButtonsContainer/AuthButtonsContainer.module.css
@@ -0,0 +1,8 @@
+.container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 48px;
+    min-width: 426px;
+}
diff --git a/src/components/AuthButtonsContainer/AuthButtonsContainer.tsx b/src/components/AuthButtonsContainer/AuthButtonsContainer.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+import styles from "./AuthButtonsContainer.module.css";
+
+export const AuthButtonsContainer: React.FC = ({ children }) => <div className={styles.container}>{children}</div>;
+
+export default AuthButtonsContainer;
diff --git a/src/components/AuthContainer/AuthContainer.module.css b/src/components/AuthContainer/AuthContainer.module.css
@@ -0,0 +1,11 @@
+.container {
+    display: flex;
+    box-sizing: border-box;
+    background-color: #FFFFFF;
+    padding: 16px;
+    border-radius: 16px;
+    flex-direction: column;
+    align-items: center;
+    max-width: 512px;
+    width: 100%;
+}