New solution page prepared.

pages/components/NewTaskAdd.js

@@ -2,21 +2,29 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faLightbulb, faCloudUploadAlt } from '@fortawesome/free-solid-svg-icons';
 
 
-const NewTaskAdd = () => {
+const NewTaskAdd = props => {
+    const isNewSolution = props.addType === "solution";
+
     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>
+                        <span>Dodawanie {isNewSolution ? "rozwiązania" : "zadania"}</span>
                     </div>
                     <form className="solution-add-area">
+                        {isNewSolution ?
+                        <div className="input-area">
+                            <input type="file" placeholder="Załaduj rozwiązanie"/>
+                        </div>
+                        :
                         <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>

pages/new-solution-add.js

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