From 73a5c7fae9ffbe9ada721148c8c454a643aceebe Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sun, 20 Feb 2022 16:11:50 +0100
Subject: chore!: restructure repo

I separated public files from the config/dev files. It improves repo
readability.
I also moved dotenv helper to public/inc directory and extract the
Matomo tracker in the same directory.
---
 .../src/components/layout/Page/PageToolbar.js      | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 public/projects/react-small-apps/apps/notebook/src/components/layout/Page/PageToolbar.js

(limited to 'public/projects/react-small-apps/apps/notebook/src/components/layout/Page/PageToolbar.js')

diff --git a/public/projects/react-small-apps/apps/notebook/src/components/layout/Page/PageToolbar.js b/public/projects/react-small-apps/apps/notebook/src/components/layout/Page/PageToolbar.js
new file mode 100644
index 0000000..a16aa22
--- /dev/null
+++ b/public/projects/react-small-apps/apps/notebook/src/components/layout/Page/PageToolbar.js
@@ -0,0 +1,27 @@
+import { Button } from "../../commons";
+import { ReactComponent as TrashIcon } from "../../../images/trash.svg";
+import { ReactComponent as RestoreIcon } from "../../../images/restore.svg";
+
+function PageToolbar({ removePage, restorePage, deletedPages }) {
+  return (
+    <div className="notebook-page__toolbar toolbar">
+      <div className="toolbar__item">
+        {deletedPages.length > 0 && (
+          <Button modifier="restore" onClickHandler={restorePage}>
+            <RestoreIcon
+              title="Undo page deletion"
+              className="icon icon--restore"
+            />
+          </Button>
+        )}
+      </div>
+      <div className="toolbar__item">
+        <Button modifier="delete" onClickHandler={removePage}>
+          <TrashIcon title="Delete this page" className="icon icon--trash" />
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default PageToolbar;
-- 
cgit v1.2.3