From 9a2b4af1aa07eb4760692afe040dab9267fe7987 Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Wed, 22 Dec 2021 22:54:38 +0100 Subject: feat: Add mui --- packages/renderer/index.html | 2 +- packages/renderer/package.json | 5 +++++ packages/renderer/src/index.tsx | 35 +++++++++++++++++++++++++++++------ 3 files changed, 35 insertions(+), 7 deletions(-) (limited to 'packages/renderer') diff --git a/packages/renderer/index.html b/packages/renderer/index.html index 7c6771f..08469c7 100644 --- a/packages/renderer/index.html +++ b/packages/renderer/index.html @@ -3,7 +3,7 @@ - + Sophie diff --git a/packages/renderer/package.json b/packages/renderer/package.json index 0c006a8..b18b2fe 100644 --- a/packages/renderer/package.json +++ b/packages/renderer/package.json @@ -8,6 +8,11 @@ "typecheck": "tsc --noEmit" }, "dependencies": { + "@emotion/react": "^11.7.1", + "@emotion/styled": "^11.6.0", + "@fontsource/roboto": "^4.5.1", + "@mui/icons-material": "^5.2.5", + "@mui/material": "^5.2.5", "react": "^17.0.2", "react-dom": "^17.0.2" }, diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx index 21ad152..67bdf93 100644 --- a/packages/renderer/src/index.tsx +++ b/packages/renderer/src/index.tsx @@ -1,10 +1,33 @@ +import '@fontsource/roboto/300.css'; +import '@fontsource/roboto/400.css'; +import '@fontsource/roboto/500.css'; +import '@fontsource/roboto/700.css'; +import Button from "@mui/material/Button"; +import CssBaseline from "@mui/material/CssBaseline"; +import { + unstable_createMuiStrictModeTheme as createTheme, + ThemeProvider, +} from '@mui/material/styles'; import React from 'react'; import { render } from 'react-dom'; -const app = ( - -

Hello Sophie!

- -); +const theme = createTheme({ + palette: { + mode: 'dark', + }, +}); -render(app, document.getElementById('app')); +function App() { + return ( + + + + + + + ); +} + +render(, document.querySelector('#app')); -- cgit v1.2.3-54-g00ecf