diff --git a/apps/todo/angular/src/app/todo/todo.component.html b/apps/todo/angular/src/app/todo/todo.component.html
index ca84dfa..0a40699 100644
--- a/apps/todo/angular/src/app/todo/todo.component.html
+++ b/apps/todo/angular/src/app/todo/todo.component.html
@@ -37,5 +37,12 @@
Angular - Clean Architecture .design
diff --git a/apps/todo/angular/src/theming/_button-treme.scss b/apps/todo/angular/src/theming/_button-treme.scss
index 40ef4be..6056017 100644
--- a/apps/todo/angular/src/theming/_button-treme.scss
+++ b/apps/todo/angular/src/theming/_button-treme.scss
@@ -25,7 +25,7 @@
@mixin theme($theme) {
button.mat-button-base {
- border-radius: 8px;
+ // border-radius: 8px;
}
$color-config: mat.get-color-config($theme);
diff --git a/apps/todo/react/src/app/app.theme.ts b/apps/todo/react/src/app/app.theme.ts
new file mode 100644
index 0000000..c015482
--- /dev/null
+++ b/apps/todo/react/src/app/app.theme.ts
@@ -0,0 +1,14 @@
+import { createTheme } from '@mui/material/styles';
+
+export const theme = createTheme({
+ palette: {
+ primary: {
+ main: '#000000',
+ },
+ secondary: {
+ main: '#ffffff',
+ },
+ contrastThreshold: 3,
+ tonalOffset: 0.2,
+ },
+});
diff --git a/apps/todo/react/src/app/app.tsx b/apps/todo/react/src/app/app.tsx
index 3c3d1af..4c3f33b 100644
--- a/apps/todo/react/src/app/app.tsx
+++ b/apps/todo/react/src/app/app.tsx
@@ -1,7 +1,5 @@
import React, { useEffect } from 'react';
-// import Checkbox from '@mui/material/Checkbox';
import {
- Link,
Grid,
Stack,
Button,
@@ -9,33 +7,21 @@ import {
Checkbox,
FormGroup,
Typography,
- ButtonGroup,
ToggleButton,
FormControlLabel,
ToggleButtonGroup,
} from '@mui/material';
import { NavigateBefore, Clear } from '@material-ui/icons';
-import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { ThemeProvider } from '@mui/material/styles';
import { TodoVM, TodoPresenter } from '@nx-clean/todo-presentation';
+
import { injector } from './app.provider';
+import { theme } from './app.theme';
import styles from './app.module.scss';
-const theme = createTheme({
- palette: {
- primary: {
- main: '#000000',
- },
- secondary: {
- main: '#ffffff',
- },
- contrastThreshold: 3,
- tonalOffset: 0.2,
- },
-});
-
const presenter = injector.get(TodoPresenter);
export function App() {
@@ -128,18 +114,6 @@ export function App() {
Voltar
- {/*
-
-
-
-
-
-
- Voltar
-
-
-
- */}
React - Clean Archtecture .design
@@ -195,7 +169,12 @@ export function App() {
-
diff --git a/apps/todo/web/src/app/app.element.ts b/apps/todo/web/src/app/app.element.ts
index 35cebbf..7e6a7e9 100644
--- a/apps/todo/web/src/app/app.element.ts
+++ b/apps/todo/web/src/app/app.element.ts
@@ -51,7 +51,10 @@ export class AppElement extends HTMLElement {