diff --git a/pages/added-tasks.js b/pages/added-tasks.js new file mode 100644 index 0000000..04f1ba4 --- /dev/null +++ b/pages/added-tasks.js @@ -0,0 +1,13 @@ +import Sidebar from './components/Sidebar'; +import ActiveTasks from './components/ActiveTasks'; + +const AddedTasksPage = () => { + return ( +
+ + +
+ ) +}; + +export default AddedTasksPage; diff --git a/pages/components/ActiveTask.js b/pages/components/ActiveTask.js index f8e610c..68d9af5 100644 --- a/pages/components/ActiveTask.js +++ b/pages/components/ActiveTask.js @@ -1,7 +1,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faTasks } from '@fortawesome/free-solid-svg-icons'; +import { faTasks, faPaperPlane } from '@fortawesome/free-solid-svg-icons'; + +const ActiveTask = props => { + const isOwnTask = props.ownTask === "ownTask"; -const ActiveTask = () => { return (
@@ -13,10 +15,21 @@ const ActiveTask = () => {
+ {isOwnTask ? + + Autor rozwiązania: Jan Kowalski + + : Twoim zadaniem będzie posortowanie ciągu liczb całkowitych. Jednakże nie podajemy ograniczenia na liczbę elementów tego ciągu. Napisz program, który będzie fajny. + }
+ {isOwnTask && +
+ +
+ }
1 godzinę temu Zobacz diff --git a/pages/components/ActiveTasks.js b/pages/components/ActiveTasks.js index f24a1c2..6cb76fd 100644 --- a/pages/components/ActiveTasks.js +++ b/pages/components/ActiveTasks.js @@ -1,9 +1,12 @@ import ActiveTask from "./ActiveTask" -const ActiveTasks = () => { +const ActiveTasks = props => { + const isOwnTask = props.ownTasks === "ownTasks"; + return (
+ {!isOwnTask &&

Zadania

@@ -11,10 +14,11 @@ const ActiveTasks = () => { {/*

Firmy: 100

*/}
+ }
- - - + + +
diff --git a/style.css b/style.css index b430478..75396da 100644 --- a/style.css +++ b/style.css @@ -261,6 +261,10 @@ main { } +section.task-description{ + width: 100%; +} + div.task-description { /* position: absolute; left: 350px; */