28 lines
793 B
TypeScript
28 lines
793 B
TypeScript
import React from 'react';
|
|
import { ChakraProvider, Box, Flex } from '@chakra-ui/react';
|
|
import { Provider } from 'react-redux';
|
|
import { store } from './store';
|
|
import theme from './theme';
|
|
import Header from './components/common/Header';
|
|
import Sidebar from './components/panels/Sidebar';
|
|
import Canvas from './components/canvas/Canvas';
|
|
import PropertyPanel from './components/panels/PropertyPanel';
|
|
|
|
const App: React.FC = () => {
|
|
return (
|
|
<Provider store={store}>
|
|
<ChakraProvider theme={theme}>
|
|
<Box h="100vh" overflow="hidden">
|
|
<Header />
|
|
<Flex h="calc(100vh - 60px)">
|
|
<Sidebar />
|
|
<Canvas />
|
|
<PropertyPanel />
|
|
</Flex>
|
|
</Box>
|
|
</ChakraProvider>
|
|
</Provider>
|
|
);
|
|
};
|
|
|
|
export default App;
|