chore(demos): source code links

guiseek · Oct 10, 2021 · 035bf42 · 035bf42
1 parent 67501e7
commit 035bf42
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 33 deletions.
diff --git a/apps/todo/angular/src/app/todo/todo.component.html b/apps/todo/angular/src/app/todo/todo.component.html
@@ -37,5 +37,12 @@ <h1>Angular - <span>Clean Architecture .design</span></h1>
 </main>
 
 <footer class="repo-link">
-  <a mat-button href="https://github.com/guiseek/nx-clean">Source code</a>
+  <a
+    mat-button
+    target="_blank"
+    rel="noopener noreferrer"
+    href="https://github.com/guiseek/nx-clean/blob/main/apps/todo/angular/src/app/todo"
+  >
+    Source code
+  </a>
 </footer>
diff --git 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
@@ -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
@@ -1,41 +1,27 @@
 import React, { useEffect } from 'react';
-// import Checkbox from '@mui/material/Checkbox';
 import {
-  Link,
   Grid,
   Stack,
   Button,
   TextField,
   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>(TodoPresenter);
 
 export function App() {
@@ -128,18 +114,6 @@ export function App() {
             <NavigateBefore />
             <span>Voltar</span>
           </Button>
-          {/* <Link component="button" underline="none" href="/" color="white">
-            <Grid container alignItems="center" spacing={0.5}>
-              <Grid item mt="1px">
-                <NavigateBefore />
-              </Grid>
-              <Grid item>
-                <Typography variant="caption">
-                  <span className="opacity">Voltar</span>
-                </Typography>
-              </Grid>
-            </Grid>
-          </Link> */}
           <Grid item>
             <Typography variant="h5" color="white">
               React - <span className="opacity">Clean Archtecture .design</span>
@@ -195,7 +169,12 @@ export function App() {
           </Button>
         </footer>
         <div className="repo-link">
-          <Button variant="text" href="https://github.com/guiseek/nx-clean">
+          <Button
+            variant="text"
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://github.com/guiseek/nx-clean/blob/main/apps/todo/react/src/app"
+          >
             Source code
           </Button>
         </div>

diff --git 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 {
       </footer>
 
       <div class="repo-link">
-        <a href="https://github.com/guiseek/nx-clean">
+        <a
+          target="_blank" rel="noopener noreferrer"
+          href="https://github.com/guiseek/nx-clean/blob/main/apps/todo/web/src/app"
+        >
           <mwc-button label="Source code"></mwc-button>
         </a>
       </div>