From 6e3e770f7950c766d9daee51983fec18eaa75f96 Mon Sep 17 00:00:00 2001
From: KingRainbow44 <kobedo11@gmail.com>
Date: Wed, 5 Apr 2023 21:20:48 -0400
Subject: [PATCH] Add basis of commands page

---
 src/handbook/src/css/pages/CommandsPage.scss |  3 +++
 src/handbook/src/ui/pages/CommandsPage.tsx   |  4 +++-
 src/handbook/src/ui/widgets/Command.tsx      | 19 +++++++++++++++++++
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 src/handbook/src/css/pages/CommandsPage.scss
 create mode 100644 src/handbook/src/ui/widgets/Command.tsx

diff --git a/src/handbook/src/css/pages/CommandsPage.scss b/src/handbook/src/css/pages/CommandsPage.scss
new file mode 100644
index 000000000..5a0b9bc7c
--- /dev/null
+++ b/src/handbook/src/css/pages/CommandsPage.scss
@@ -0,0 +1,3 @@
+.CommandsPage {
+    margin: 10px;
+}
diff --git a/src/handbook/src/ui/pages/CommandsPage.tsx b/src/handbook/src/ui/pages/CommandsPage.tsx
index f811ed750..1e3b714b1 100644
--- a/src/handbook/src/ui/pages/CommandsPage.tsx
+++ b/src/handbook/src/ui/pages/CommandsPage.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 
+import "@css/pages/CommandsPage.scss";
+
 class CommandsPage extends React.Component<any, any> {
     constructor(props: any) {
         super(props);
@@ -7,7 +9,7 @@ class CommandsPage extends React.Component<any, any> {
 
     render() {
         return (
-            <div>
+            <div className={"CommandsPage"}>
                 <h1>Commands</h1>
             </div>
         );
diff --git a/src/handbook/src/ui/widgets/Command.tsx b/src/handbook/src/ui/widgets/Command.tsx
new file mode 100644
index 000000000..d0f84dfac
--- /dev/null
+++ b/src/handbook/src/ui/widgets/Command.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+interface IProps {
+
+}
+
+class Command extends React.PureComponent<IProps> {
+    constructor(props: IProps) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div>
+                <a>command</a>
+            </div>
+        );
+    }
+}