From bd810e521e71571c1032e94a55d393b250a37f7a Mon Sep 17 00:00:00 2001
From: Andrzej Stepien <andrzejjamesstepien@gmail.com>
Date: Tue, 12 Sep 2023 16:27:30 +0200
Subject: [PATCH] icons

---
 src/Components/PageHeader.jsx | 18 +++++++++++++++++-
 src/assets/pencil.svg         |  3 +++
 src/assets/plus.svg           |  3 +++
 src/assets/trash.svg          |  3 +++
 4 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/pencil.svg
 create mode 100644 src/assets/plus.svg
 create mode 100644 src/assets/trash.svg

diff --git a/src/Components/PageHeader.jsx b/src/Components/PageHeader.jsx
index 82a5ca7..3452369 100644
--- a/src/Components/PageHeader.jsx
+++ b/src/Components/PageHeader.jsx
@@ -1,12 +1,28 @@
+import plus from '../assets/plus.svg'
+import pencil from '../assets/pencil.svg'
+import trash from '../assets/trash.svg'
+import { Link } from 'react-router-dom'
 export default function (props){
     return(
-        <header>
+        <header id="page-header">
             <h2>
                 {props.super}
             </h2>
             <h1>
                 {props.heading}
             </h1>
+            <span id="icon-container">
+            <Link to={`${props.url}/create`} >
+            <img src={plus}/>    
+            </Link>
+            <Link to={`${props.url}${props?.id?`/${props.id}`:""}/edit`} >
+            <img src={pencil}/>
+            </Link>
+            <Link to={`${props.url}${props?.id?`/${props.id}`:""}/delete`} >
+            <img src={trash}/>
+            </Link>  
+            </span>
+            
         </header>
     )
 }
\ No newline at end of file
diff --git a/src/assets/pencil.svg b/src/assets/pencil.svg
new file mode 100644
index 0000000..8109530
--- /dev/null
+++ b/src/assets/pencil.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/plus.svg b/src/assets/plus.svg
new file mode 100644
index 0000000..74aea49
--- /dev/null
+++ b/src/assets/plus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M3 0v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/trash.svg b/src/assets/trash.svg
new file mode 100644
index 0000000..83d8cdc
--- /dev/null
+++ b/src/assets/trash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
+  <path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z" />
+</svg>
\ No newline at end of file