Merge pull request #9 from karpolan/dev

Version 0.2.9

Author: karpolan

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-mui-starter-ts",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "_DESCRIPTION_",
   "author": {
     "name": "Anton Karpenko",

package.json

@@ -1,6 +1,6 @@
 import { Stack, Typography } from '@mui/material';
 import { NextPage } from 'next';
-import { AppLink } from '@/components';
+import { AppButton, AppLink } from '@/components';
 
 /**
  * Renders About Application page
@@ -15,8 +15,14 @@ const AboutPage: NextPage = () => {
           This application is a mix of{' '}
           <AppLink href="https://nextjs.org/docs/api-reference/create-next-app">Create Next App</AppLink> and{' '}
           <AppLink href="https://mui.com/">MUI</AppLink> with set of reusable components and utilities to build
-          professional <AppLink href="https://nextjs.org/">NextJS</AppLink> application faster.
+          professional <AppLink href="https://nextjs.org/">NextJS</AppLink> application faster. The source code is
+          available on <AppLink href="https://github.com/karpolan/nextjs-mui-starter-ts">GitHub</AppLink>.
         </Typography>
+        <Stack alignItems="center">
+          <AppButton color="secondary" href="https://github.com/karpolan/nextjs-mui-starter-ts">
+            Open GitHub
+          </AppButton>
+        </Stack>
       </Stack>
       <Stack>
         <Typography variant="h4">Reusable components</Typography>

src/app/about/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { Stack } from '@mui/material';
 import { useRouter } from 'next/navigation';
-import { AppButton } from '@/components';
+import { AppButton, AppLink } from '@/components';
 import { useAppStore } from '@/store';
 import { useEventLogout } from '@/hooks';
 import { sessionStorageSet } from '@/utils';
@@ -35,6 +35,11 @@ const LoginForm = () => {
           Logout User
         </AppButton>
       </Stack>
+
+      <div>
+        The source code is available at{' '}
+        <AppLink href="https://github.com/karpolan/nextjs-mui-starter-ts">GitHub</AppLink>
+      </div>
     </Stack>
   );
 };

src/app/auth/login/LoginForm.tsx

@@ -14,7 +14,7 @@ const LoginPage: NextPage = () => {
 };
 
 export const metadata: Metadata = {
-  title: 'Login - _TITLE__',
+  title: 'Login - _TITLE_',
   description: '_DESCRIPTION_',
 };
 

src/app/auth/login/page.tsx

@@ -2,7 +2,7 @@ import { Metadata } from 'next';
 import LoginPage from '../login/page';
 
 export const metadata: Metadata = {
-  title: 'Signup - _TITLE__',
+  title: 'Signup - _TITLE_',
   description: '_DESCRIPTION_',
 };
 

src/app/auth/signup/page.tsx

@@ -25,7 +25,8 @@ const Home: NextPage = () => {
           This application is a mix of{' '}
           <AppLink href="https://nextjs.org/docs/api-reference/create-next-app">Create Next App</AppLink> and{' '}
           <AppLink href="https://mui.com/">MUI</AppLink> with set of reusable components and utilities to build
-          professional <AppLink href="https://nextjs.org/">NextJS</AppLink> application faster.
+          professional <AppLink href="https://nextjs.org/">NextJS</AppLink> application faster. The source code is
+          available on <AppLink href="https://github.com/karpolan/nextjs-mui-starter-ts">GitHub</AppLink>.
         </Typography>
       </Stack>
 

src/app/home/page.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import AppAlert from './AppAlert';
-import { capitalize, randomText } from '../../../utils';
+import { capitalize, randomText } from '@/utils';
 import { AlertProps } from '@mui/material';
 
 const ComponentToTest = AppAlert;

src/components/common/AppAlert/AppAlert.test.tsx

@@ -3,7 +3,7 @@ import { render, screen, within } from '@testing-library/react';
 import { ThemeProvider } from '../../../theme';
 import AppButton, { AppButtonProps } from './AppButton';
 import DefaultIcon from '@mui/icons-material/MoreHoriz';
-import { randomText, capitalize } from '../../../utils';
+import { randomText, capitalize } from '@/utils';
 
 /**
  * AppButton wrapped with Theme Provider

src/components/common/AppButton/AppButton.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import AppIcon from './AppIcon';
 import { APP_ICON_SIZE } from '../../config';
-import { randomColor, randomText } from '../../../utils';
+import { randomColor, randomText } from '@/utils';
 import { ICONS } from './config';
 
 const ComponentToTest = AppIcon;