Skip to content

Commit

Permalink
[FE] Refactor & Redesign (#274)
Browse files Browse the repository at this point in the history
* feat: redesign component for unauth pages

* feat: update nextjs to 14.1.0 version

* feat: refactor profile and auth layout

* feat: update pnpm lock file

* feat: add lodash types to fe

* feat: update dependencies on front-end

* feat: add empty line at the end to css file
  • Loading branch information
fruneen committed Feb 16, 2024
1 parent a477594 commit db556c3
Show file tree
Hide file tree
Showing 41 changed files with 2,471 additions and 2,980 deletions.
98 changes: 47 additions & 51 deletions template/apps/web/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -14,72 +14,68 @@
"build-storybook": "storybook build"
},
"dependencies": {
"@hookform/resolvers": "2.9.11",
"@mantine/core": "7.1.3",
"@mantine/dates": "7.1.3",
"@mantine/dropzone": "7.1.3",
"@mantine/hooks": "7.1.3",
"@mantine/modals": "7.1.3",
"@hookform/resolvers": "3.3.4",
"@mantine/core": "7.5.2",
"@mantine/dates": "7.5.2",
"@mantine/dropzone": "7.5.2",
"@mantine/hooks": "7.5.2",
"@mantine/modals": "7.5.2",
"@mantine/next": "6.0.21",
"@mantine/notifications": "7.1.3",
"@svgr/webpack": "6.5.1",
"@tabler/icons-react": "2.10.0",
"@tanstack/react-query": "5.13.4",
"@tanstack/react-table": "8.7.9",
"@mantine/notifications": "7.5.2",
"@svgr/webpack": "8.1.0",
"@tabler/icons-react": "2.47.0",
"@tanstack/react-query": "5.20.1",
"@tanstack/react-table": "8.11.8",
"app-constants": "workspace:*",
"app-types": "workspace:*",
"axios": "1.3.4",
"clsx": "2.0.0",
"dayjs": "1.11.7",
"dotenv-flow": "3.2.0",
"axios": "1.6.7",
"clsx": "2.1.0",
"dayjs": "1.11.10",
"dotenv-flow": "4.1.0",
"lodash": "4.17.21",
"mixpanel-browser": "2.45.0",
"next": "13.2.4",
"mixpanel-browser": "2.49.0",
"next": "14.1.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-hook-form": "7.43.5",
"react-hook-form": "7.50.1",
"schemas": "workspace:*",
"socket.io-client": "4.6.1",
"socket.io-client": "4.7.4",
"zod": "3.21.4"
},
"devDependencies": {
"@babel/core": "7.21.0",
"@storybook/addon-essentials": "7.6.9",
"@storybook/addon-interactions": "7.6.9",
"@storybook/addon-links": "7.6.9",
"@storybook/addon-onboarding": "^1.0.10",
"@storybook/addon-essentials": "7.6.14",
"@storybook/addon-interactions": "7.6.14",
"@storybook/addon-links": "7.6.14",
"@storybook/addon-onboarding": "^1.0.11",
"@storybook/addon-styling-webpack": "0.0.6",
"@storybook/blocks": "7.6.9",
"@storybook/builder-webpack5": "7.6.10",
"@storybook/nextjs": "7.6.9",
"@storybook/preview-api": "7.6.9",
"@storybook/react": "7.6.9",
"@storybook/test": "7.6.9",
"@tanstack/eslint-plugin-query": "5.12.1",
"@tanstack/react-query-devtools": "5.13.5",
"@types/mixpanel-browser": "2.38.1",
"@types/node": "18.15.1",
"@types/qs": "6.9.7",
"@types/react": "18.2.37",
"@types/react-dom": "18.0.11",
"@typescript-eslint/eslint-plugin": "5.54.1",
"@typescript-eslint/parser": "5.54.1",
"babel-loader": "9.1.2",
"css-loader": "6.7.3",
"eslint": "8.36.0",
"@storybook/blocks": "7.6.14",
"@storybook/builder-webpack5": "7.6.14",
"@storybook/nextjs": "7.6.14",
"@storybook/preview-api": "7.6.14",
"@storybook/react": "7.6.14",
"@storybook/test": "7.6.14",
"@tanstack/eslint-plugin-query": "5.20.1",
"@tanstack/react-query-devtools": "5.20.1",
"@types/lodash": "4.14.202",
"@types/mixpanel-browser": "2.49.0",
"@types/node": "18.18.14",
"@types/qs": "6.9.11",
"@types/react": "18.2.55",
"@types/react-dom": "18.2.19",
"@typescript-eslint/eslint-plugin": "6.21.0",
"@typescript-eslint/parser": "6.21.0",
"eslint": "8.56.0",
"eslint-config-airbnb": "19.0.4",
"eslint-config-airbnb-typescript": "17.0.0",
"eslint-config-next": "13.2.4",
"eslint-config-airbnb-typescript": "17.1.0",
"eslint-config-next": "14.1.0",
"eslint-plugin-storybook": "0.6.15",
"eslint-plugin-tsc": "2.0.0",
"lint-staged": "13.2.0",
"postcss": "8.4.19",
"postcss-preset-mantine": "1.9.0",
"lint-staged": "15.2.2",
"postcss": "8.4.35",
"postcss-preset-mantine": "1.13.0",
"postcss-simple-vars": "7.0.1",
"storybook": "7.6.9",
"storybook": "7.6.14",
"storybook-dark-mode": "3.0.3",
"style-loader": "3.3.1",
"typescript": "4.9.5"
"typescript": "5.3.3"
},
"lint-staged": {
"*.{ts,tsx}": [
Expand Down
26 changes: 0 additions & 26 deletions template/apps/web/src/components/Link/Link.module.css

This file was deleted.

70 changes: 0 additions & 70 deletions template/apps/web/src/components/Link/Link.stories.tsx

This file was deleted.

79 changes: 0 additions & 79 deletions template/apps/web/src/components/Link/index.tsx

This file was deleted.

1 change: 0 additions & 1 deletion template/apps/web/src/components/index.ts
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
export { default as Link } from './Link';
export { default as Table } from './Table';
56 changes: 23 additions & 33 deletions template/apps/web/src/pages/404/index.page.tsx
Original file line number Diff line number Diff line change
@@ -1,44 +1,34 @@
import { useCallback } from 'react';
import { NextPage } from 'next';
import Head from 'next/head';
import router from 'next/router';
import { NextPage } from 'next';
import { Stack, Title, Text, Button } from '@mantine/core';

import { RoutePath } from 'routes';

const NotFound: NextPage = () => {
const handleClick = useCallback(() => {
router.push(RoutePath.Home);
}, []);
const NotFound: NextPage = () => (
<>
<Head>
<title>Page not found</title>
</Head>

return (
<>
<Head>
<title>Page not found</title>
</Head>
<Stack
m="auto"
w={328}
h="100vh"
justify="center"
display="flex"
>
<Title order={2}>Oops! The page is not found.</Title>
<Stack
h="100vh"
w={328}
justify="center"
m="auto"
>
<Title order={2}>Oops! The page is not found.</Title>

<Text mx={0} mt={20} mb={24} c="gray.6">
The page you are looking for may have been removed,
or the link you followed may be broken.
</Text>
<Text mx={0} mt={20} mb={24} c="gray.6">
The page you are looking for may have been removed,
or the link you followed may be broken.
</Text>

<Button
type="submit"
onClick={handleClick}
>
Go to homepage
</Button>
</Stack>
</>
);
};
<Button onClick={() => router.push(RoutePath.Home)}>
Go to homepage
</Button>
</Stack>
</>
);

export default NotFound;

This file was deleted.

This file was deleted.

Loading

0 comments on commit db556c3

Please sign in to comment.