new page on hat click

rb-x · rb-x · commit 712a9b0ed899 · 2023-01-21T21:09:46.000+01:00
diff --git a/package.json b/package.json
@@ -58,6 +58,7 @@
         "@types/node": "^18.11.17",
         "@types/react": "^18.0.26",
         "@types/react-dom": "^18.0.9",
+        "@uiw/react-md-editor": "^3.20.2",
         "antd": "5.1.0",
         "antd-mask-input": "2.0.7",
         "axios": "^1.2.1",
diff --git a/src/components/LayoutApp.tsx b/src/components/LayoutApp.tsx
@@ -19,6 +19,7 @@ import FileTransfer from './file_transfer/File_transfer';
 import PersistedState from 'use-persisted-state';
 import MSFBuilder from './linux/MSFBuilder';
 import EchoBase64 from './file_transfer/ObfuscatedFiles';
+import Notepad from './notepad/Notepad';
 
 const { Paragraph } = Typography;
 const { Sider, Content, Footer } = Layout;
@@ -181,6 +182,17 @@ export default function LayoutApp ( props: {
     }, [] );
 
     const target = window.location.href;
+
+    const handleHatClick = () => {
+        // navigate( Notepad );
+        const notepad_route_ctx  ={
+            key: '0',
+            name: 'Hat Clicked',
+            componentRoute: Notepad
+        }
+        navigate( notepad_route_ctx );
+    };
+    
     return (
         <ConfigProvider
             theme={{
@@ -201,7 +213,7 @@ export default function LayoutApp ( props: {
                         left: 0
                     }}
                 >
-                    <div className='logo'>
+                    <div className='logo' onClick={handleHatClick}>
                         <svg xmlns='http://www.w3.org/2000/svg' width='45' height='35' viewBox='0 0 134.624 80.584'>
                             <g transform='translate(-6.457 -23.8)'>
                                 <path
diff --git a/src/components/notepad/Notepad.tsx b/src/components/notepad/Notepad.tsx
@@ -0,0 +1,22 @@
+import React, { useState } from 'react';
+import { Button, Input, Typography, message, Divider, Menu, Dropdown } from 'antd';
+import { CopyOutlined, createFromIconfontCN, ClearOutlined, DownOutlined } from '@ant-design/icons';
+import Clipboard from 'react-clipboard.js';
+import escape_quotes from 'escape-quotes';
+
+const { Title, Paragraph } = Typography;
+const IconFont = createFromIconfontCN( {
+    scriptUrl: [ './iconfont.js' ]
+} );
+
+
+const NOTEPAD = () => {
+
+    return (
+        <div>
+            NOTEPAD
+        </div>
+    );
+};
+
+export default NOTEPAD;
