Add new task page prepared.

pages/components/NewTaskAdd.js

@@ -0,0 +1,30 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLightbulb, faCloudUploadAlt } from '@fortawesome/free-solid-svg-icons';
+
+
+const NewTaskAdd = () => {
+    return (
+        <section className="task-description">
+            <div className="task-description">
+                <div className="task-border">
+                    <div className="task-description-heading">
+                        <FontAwesomeIcon icon={faLightbulb} />
+                        <span>Dodawanie zadania</span>
+                    </div>
+                    <form className="solution-add-area">
+                        <div className="input-area">
+                            <input type="text" placeholder="Podaj streszczenie zadania"/>
+                            <input type="text" placeholder="Wybierz język programowania"/>
+                            <input type="text" placeholder="Podaj szczegóły zadania"/>
+                        </div>
+                        <div>
+                            <button type="submit"><FontAwesomeIcon icon={faCloudUploadAlt} /> Publikuj</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </section>
+    )
+};
+
+export default NewTaskAdd;

pages/components/UserAuthForm.js

@@ -58,8 +58,8 @@ const UserAuthForm = props => {
                     </ul>
                     }
                 {isEnterCodeStage ?
-                <button className="enter-code-stage-button">Zatwierdź</button> : 
-                <button className={isRegisterForm ? "register-button" : "login-button"}>{isRegisterForm ? "Zarejestruj się" : "Zaloguj się"}</button>
+                <button type="submit" className="enter-code-stage-button">Zatwierdź</button> : 
+                <button type="submit" className={isRegisterForm ? "register-button" : "login-button"}>{isRegisterForm ? "Zarejestruj się" : "Zaloguj się"}</button>
                 }
                 <Link href={isRegisterForm ? "/login" : "/register"}>
                     <button>{isRegisterForm ? "Zaloguj się" : "Zarejestruj się"}</button>

pages/new-task-add.js

@@ -0,0 +1,13 @@
+import Sidebar from "./components/Sidebar";
+import NewTaskAdd from "./components/NewTaskAdd";
+
+const NewTaskAddPage = () => {
+    return(
+        <main className="solution-add">
+            <Sidebar />
+            <NewTaskAdd />
+        </main>
+    )
+};
+
+export default NewTaskAddPage;

style.css

@@ -574,3 +574,39 @@ main.solution-add .task-description {
     color: #FFF;
     text-align: center;
 }
+
+/* new task add */
+
+form.solution-add-area {
+    min-width: 90%;
+    height: auto;
+    align-items: center;
+}
+
+.input-area {
+    width: 100%;
+}
+
+.input-area input {
+    /* width: 100%; */
+    margin: 3% 4%;
+    box-shadow: 0px 7px 14px #32325D1A;
+}
+
+.input-area input:first-of-type {
+    height: 100px;
+}
+
+.input-area input:last-of-type {
+    height: 200px;
+}
+
+form.solution-add-area > div:last-of-type {
+    align-self: center;
+}
+
+form.solution-add-area > div:last-of-type button {
+    margin: 1rem;
+    background: #39C379;
+    color: #FFF;
+}