diff --git a/index.html b/index.html
index 564305be..7591e95a 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,19 @@
-
-
-
-
- ChartDB
-
-
-
-
-
+
+
+
+
+ ChartDB
+
+
+
+
+
+
+
+
diff --git a/src/App.tsx b/src/App.tsx
index 19faf202..2dd9e66d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { RouterProvider } from 'react-router-dom';
-import { router } from './pages/router';
+import { router } from './router';
export const App = () => {
return ;
diff --git a/src/pages/editor-page/editor-page.tsx b/src/pages/editor-page/editor-page.tsx
index 4df04914..f1af8454 100644
--- a/src/pages/editor-page/editor-page.tsx
+++ b/src/pages/editor-page/editor-page.tsx
@@ -1,5 +1,118 @@
+import {
+ Menubar,
+ MenubarCheckboxItem,
+ MenubarContent,
+ MenubarItem,
+ MenubarMenu,
+ MenubarRadioGroup,
+ MenubarRadioItem,
+ MenubarSeparator,
+ MenubarShortcut,
+ MenubarSub,
+ MenubarSubContent,
+ MenubarSubTrigger,
+ MenubarTrigger,
+} from '@/components/menubar/menubar';
import React from 'react';
export const EditorPage: React.FC = () => {
- return ;
+ return (
+
+
+
+ File
+
+
+ New Tab ⌘T
+
+
+ New Window ⌘N
+
+ New Incognito Window
+
+
+ Share
+
+ Email link
+ Messages
+ Notes
+
+
+
+
+ Print... ⌘P
+
+
+
+
+ Edit
+
+
+ Undo ⌘Z
+
+
+ Redo ⇧⌘Z
+
+
+
+ Find
+
+ Search the web
+
+ Find...
+ Find Next
+ Find Previous
+
+
+
+ Cut
+ Copy
+ Paste
+
+
+
+ View
+
+
+ Always Show Bookmarks Bar
+
+
+ Always Show Full URLs
+
+
+
+ Reload ⌘R
+
+
+ Force Reload ⇧⌘R
+
+
+ Toggle Fullscreen
+
+ Hide Sidebar
+
+
+
+ Profiles
+
+
+
+ Andy
+
+
+ Benoit
+
+
+ Luis
+
+
+
+ Edit...
+
+ Add Profile...
+
+
+
+
+ );
};
diff --git a/src/pages/router.tsx b/src/router.tsx
similarity index 70%
rename from src/pages/router.tsx
rename to src/router.tsx
index b7d2e729..6361d15f 100644
--- a/src/pages/router.tsx
+++ b/src/router.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import { RouteObject, createBrowserRouter } from 'react-router-dom';
-import { NotFoundPage } from './not-found-page/not-found-page';
-import { EditorPage } from './editor-page/editor-page';
+import { NotFoundPage } from './pages/not-found-page/not-found-page';
+import { EditorPage } from './pages/editor-page/editor-page';
const routes: RouteObject[] = [
{
diff --git a/tailwind.config.js b/tailwind.config.js
index 76de9203..7ea217f2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,5 @@
+const defaultTheme = require('tailwindcss/defaultTheme');
+
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ['class'],
@@ -12,6 +14,9 @@ module.exports = {
},
},
extend: {
+ fontFamily: {
+ primary: ['"Raleway"', ...defaultTheme.fontFamily.sans],
+ },
colors: {
border: 'hsl(var(--border))',
input: 'hsl(var(--input))',