feat: Initialize dashboard app with core structure and routing

This commit sets up the foundation for the new dashboard application by
implementing the main component structure, routing, and a basic UI shell with
KendoReact components.

- Set up the main application shell
- Implement a routing system with React Router
- Build a new App Bar component
- Create page placeholders for all routes
- Corrected various import and export errors
This commit is contained in:
2025-09-14 22:38:07 -05:00
parent ebb211abdb
commit 0ce04fb7ac
9 changed files with 151 additions and 39 deletions

View File

@@ -0,0 +1,27 @@
import React from 'react';
import { AppBar, AppBarSection, AppBarSpacer } from '@progress/kendo-react-layout';
import { Button } from '@progress/kendo-react-buttons';
import { Link } from 'react-router-dom';
const CampfireAppBar = () => {
return (
<AppBar position="sticky">
<AppBarSection>
<Link to="/dashboard">
<Button look="flat">Dashboard</Button>
</Link>
<Link to="/editor">
<Button look="flat">New Post</Button>
</Link>
</AppBarSection>
<AppBarSpacer style={{width: 32 }} />
<AppBarSection>
<Button look="flat">Logout</Button>
</AppBarSection>
</AppBar>
);
};
export default CampfireAppBar;