From 3fd108177b3e0545433878ec702f1df89e88b151 Mon Sep 17 00:00:00 2001
From: Eric van der Vlist <vdv@dyomedea.com>
Date: Wed, 15 Feb 2023 15:42:02 +0100
Subject: [PATCH] Starting to implement a node component

---
 src/components/note/Note.module.css | 15 +++++++++++++
 src/components/note/Note.tsx        | 35 +++++++++++++++++++++++++++++
 src/components/note/index.ts        |  1 +
 3 files changed, 51 insertions(+)
 create mode 100644 src/components/note/Note.module.css
 create mode 100644 src/components/note/Note.tsx
 create mode 100644 src/components/note/index.ts

diff --git a/src/components/note/Note.module.css b/src/components/note/Note.module.css
new file mode 100644
index 0000000..00a6263
--- /dev/null
+++ b/src/components/note/Note.module.css
@@ -0,0 +1,15 @@
+.control {
+  opacity: 1;
+  position: fixed !important;
+  top: 0px;
+  margin-left: calc(100% - 260px) !important;
+  z-index: 1;
+}
+
+.control_web {
+  opacity: 1;
+  position: fixed !important;
+  top: 0px;
+  margin-left: calc(100% - 220px) !important;
+  z-index: 1;
+}
diff --git a/src/components/note/Note.tsx b/src/components/note/Note.tsx
new file mode 100644
index 0000000..746ac85
--- /dev/null
+++ b/src/components/note/Note.tsx
@@ -0,0 +1,35 @@
+import { IconButton } from '@suid/material';
+import { Component, createSignal } from 'solid-js';
+
+import NoteIcon from '@suid/icons-material/Note';
+
+import style from './Note.module.css';
+
+interface Props {}
+
+const Note: Component<Props> = (props) => {
+  const [open, setOpen] = createSignal<boolean>();
+
+  return (
+    <>
+      <div
+        class={
+          window.Capacitor.platform === 'web'
+            ? style.control_web
+            : style.control
+        }
+      >
+        {' '}
+        <IconButton
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          <NoteIcon />
+        </IconButton>
+      </div>
+    </>
+  );
+};
+
+export default Note;
diff --git a/src/components/note/index.ts b/src/components/note/index.ts
new file mode 100644
index 0000000..2023c2b
--- /dev/null
+++ b/src/components/note/index.ts
@@ -0,0 +1 @@
+export { default } from './Note';