add template from merchant backoffice

2 files changed, 48 insertions, 0 deletions

diff --git a/packages/anastasis-webui/src/pages/profile/index.tsx b/packages/anastasis-webui/src/pages/profile/index.tsx
new file mode 100644
index 000000000..859a83ed4
--- /dev/null
+++ b/packages/anastasis-webui/src/pages/profile/index.tsx
@@ -0,0 +1,43 @@
+import { FunctionalComponent, h } from 'preact';
+import { useEffect, useState } from 'preact/hooks';
+
+interface Props {
+    user: string;
+}
+
+const Profile: FunctionalComponent<Props> = (props: Props) => {
+    const { user } = props;
+    const [time, setTime] = useState<number>(Date.now());
+    const [count, setCount] = useState<number>(0);
+
+    // gets called when this route is navigated to
+    useEffect(() => {
+        const timer = window.setInterval(() => setTime(Date.now()), 1000);
+
+        // gets called just before navigating away from the route
+        return (): void => {
+            clearInterval(timer);
+        };
+    }, []);
+
+    // update the current time
+    const increment = (): void => {
+        setCount(count + 1);
+    };
+
+    return (
+        <div>
+            <h1>Profile: {user}</h1>
+            <p>This is the user profile for a user named {user}.</p>
+
+            <div>Current time: {new Date(time).toLocaleString()}</div>
+
+            <p>
+                <button onClick={increment}>Click Me</button> Clicked {count}{' '}
+                times.
+            </p>
+        </div>
+    );
+};
+
+export default Profile;
diff --git a/packages/anastasis-webui/src/pages/profile/style.css b/packages/anastasis-webui/src/pages/profile/style.css
new file mode 100644
index 000000000..fcb129627
--- /dev/null
+++ b/packages/anastasis-webui/src/pages/profile/style.css
@@ -0,0 +1,5 @@
+.profile {
+	padding: 56px 20px;
+	min-height: 100%;
+	width: 100%;
+}