feat: add MUI style

This commit is contained in:
Maël Gangloff 2024-07-19 23:46:07 +02:00
parent 737ad4605b
commit 367f62f25a
No known key found for this signature in database
GPG Key ID: 11FDC81C24A7F629
6 changed files with 6289 additions and 120 deletions

7
assets/index.tsx Normal file
View File

@ -0,0 +1,7 @@
import * as React from 'react';
import * as ReactDOM from 'react-dom/client';
const rootElement = document.getElementById('root');
const root = ReactDOM.createRoot(rootElement!);
root.render(<></>)

View File

@ -11,7 +11,10 @@
"@babel/preset-env": "^7.16.0", "@babel/preset-env": "^7.16.0",
"@babel/preset-react": "^7.24.7", "@babel/preset-react": "^7.24.7",
"@symfony/webpack-encore": "^4.6.1", "@symfony/webpack-encore": "^4.6.1",
"@types/react": "latest",
"@types/react-dom": "latest",
"core-js": "^3.23.0", "core-js": "^3.23.0",
"react-scripts": "^5.0.1",
"regenerator-runtime": "^0.13.9", "regenerator-runtime": "^0.13.9",
"ts-loader": "^9.5.1", "ts-loader": "^9.5.1",
"typescript": "^5.5.3", "typescript": "^5.5.3",
@ -36,6 +39,9 @@
"API" "API"
], ],
"dependencies": { "dependencies": {
"@emotion/react": "^11.12.0",
"@emotion/styled": "^11.12.0",
"@mui/material": "^5.16.4",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1" "react-dom": "^18.3.1"
} }

View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title> <title>{% block title %}Domain Watchdog{% endblock %}</title>
{% block stylesheets %} {% block stylesheets %}
{{ encore_entry_link_tags('app') }} {{ encore_entry_link_tags('app') }}
{% endblock %} {% endblock %}

View File

@ -1,16 +1,19 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es5", "target": "es5",
"lib": [
"dom",
"es2015"
],
"jsx": "react", "jsx": "react",
"module": "esnext", "module": "esnext",
"moduleResolution": "node", "moduleResolution": "node",
"allowSyntheticDefaultImports": true, "allowSyntheticDefaultImports": true,
"skipLibCheck": true, "skipLibCheck": true,
"esModuleInterop": true "esModuleInterop": true,
"lib": [
"es6",
"dom"
],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true
}, },
"include": [ "include": [
"assets/**/*" "assets/**/*"

View File

@ -20,7 +20,7 @@ Encore
* Each entry will result in one JavaScript file (e.g. app.js) * Each entry will result in one JavaScript file (e.g. app.js)
* and one CSS file (e.g. app.css) if your JavaScript imports CSS. * and one CSS file (e.g. app.css) if your JavaScript imports CSS.
*/ */
.addEntry('app', './assets/app.tsx') .addEntry('app', './assets/index.tsx')
// When enabled, Webpack "splits" your files into smaller pieces for greater optimization. // When enabled, Webpack "splits" your files into smaller pieces for greater optimization.
.splitEntryChunks() .splitEntryChunks()

6379
yarn.lock

File diff suppressed because it is too large Load Diff