diff --git a/src/client/components/Layout/Layout.module.scss b/src/client/components/Layout/Layout.module.scss deleted file mode 100644 index 15e9ff8d..00000000 --- a/src/client/components/Layout/Layout.module.scss +++ /dev/null @@ -1,3 +0,0 @@ -.topActions { - min-height: 50px; -} diff --git a/src/client/components/Layout/Layout.test.tsx b/src/client/components/Layout/Layout.test.tsx deleted file mode 100644 index c1786cdd..00000000 --- a/src/client/components/Layout/Layout.test.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react'; -import { render, screen } from '../../../../tests/test-utils'; -import { Layout } from './Layout'; - -const pushFn = jest.fn(); -jest.mock('next/router', () => { - const actualRouter = jest.requireActual('next-router-mock'); - - return { - ...actualRouter, - useRouter: () => ({ - ...actualRouter.useRouter(), - push: pushFn, - }), - }; -}); - -describe('Test: Layout', () => { - it('should render correctly its children', () => { - render(test); - - expect(screen.getByText('test')).toBeInTheDocument(); - }); -}); diff --git a/src/client/components/Layout/Layout.tsx b/src/client/components/Layout/Layout.tsx deleted file mode 100644 index aa93f3c9..00000000 --- a/src/client/components/Layout/Layout.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import Head from 'next/head'; -import Link from 'next/link'; -import React from 'react'; -import clsx from 'clsx'; -import semver from 'semver'; -import { Header } from '../ui/Header'; -import styles from './Layout.module.scss'; -import { useSystemStore } from '../../state/systemStore'; - -interface IProps { - breadcrumbs?: { name: string; href: string; current?: boolean }[]; - children: React.ReactNode; - title?: string; - actions?: React.ReactNode; -} - -export const Layout: React.FC = ({ children, breadcrumbs, title, actions }) => { - const { version } = useSystemStore(); - const defaultVersion = '0.0.0'; - const isLatest = semver.gte(version?.current || defaultVersion, version?.latest || defaultVersion); - - const renderBreadcrumbs = () => { - if (!breadcrumbs) { - return null; - } - - return ( -
    - {breadcrumbs.map((breadcrumb) => ( -
  1. - - {breadcrumb.name} - -
    2. - ))} -
- ); - }; - - return ( -
- - {`${title} - Tipi`} - -
-
-
-
-
-
-
{renderBreadcrumbs()}
-

{title}

-
-
{actions}
-
-
-
-
-
{children}
-
-
-
- ); -}; diff --git a/src/client/components/Layout/index.ts b/src/client/components/Layout/index.ts deleted file mode 100644 index 9fc685e2..00000000 --- a/src/client/components/Layout/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { Layout } from './Layout'; diff --git a/src/client/components/ui/Toast/Toast.module.scss b/src/client/components/ui/Toast/Toast.module.scss deleted file mode 100644 index 77d614e3..00000000 --- a/src/client/components/ui/Toast/Toast.module.scss +++ /dev/null @@ -1,18 +0,0 @@ -@keyframes slideInAndOut { - 0% { - transform: translateX(100%); - } - 5% { - transform: translateX(0); - } - 95% { - transform: translateX(0); - } - 100% { - transform: translateX(100%); - } -} - -.slideIn { - animation: slideInAndOut 5s ease-in-out; -} diff --git a/src/client/components/ui/Toast/Toast.test.tsx b/src/client/components/ui/Toast/Toast.test.tsx deleted file mode 100644 index b87ccd4f..00000000 --- a/src/client/components/ui/Toast/Toast.test.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import React from 'react'; -import { fireEvent, screen, render } from '../../../../../tests/test-utils'; -import { Toast } from './Toast'; - -describe('Toast', () => { - it('renders the correct title', () => { - // arrange - render(); - - // assert - expect(screen.getByText('Test Title')).toBeInTheDocument(); - }); - - it('renders the correct message', () => { - // arrange - render(); - - // assert - expect(screen.getByText('Test message')).toBeInTheDocument(); - }); - - it('renders the correct status', () => { - // arrange - render(); - const toastElement = screen.getByRole('alert'); - - // assert - expect(toastElement).toHaveClass('alert-success'); - }); - - it('calls the correct function when the close button is clicked', () => { - // arrange - const onCloseMock = jest.fn(); - render(); - const closeButton = screen.getByRole('button', { name: 'close' }); - - // act - fireEvent.click(closeButton); - - // assert - expect(onCloseMock).toHaveBeenCalled(); - }); -}); diff --git a/src/client/components/ui/Toast/Toast.tsx b/src/client/components/ui/Toast/Toast.tsx deleted file mode 100644 index 941bf97d..00000000 --- a/src/client/components/ui/Toast/Toast.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import clsx from 'clsx'; -import React from 'react'; -import styles from './Toast.module.scss'; - -interface IProps { - onClose: () => void; - status: 'success' | 'error' | 'warning' | 'info'; - title: string; - message?: string; - id: string; -} - -export const Toast: React.FC = ({ status, onClose, title, message, id }) => ( - -); diff --git a/src/client/components/ui/Toast/index.ts b/src/client/components/ui/Toast/index.ts deleted file mode 100644 index 03e94bf5..00000000 --- a/src/client/components/ui/Toast/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { Toast } from './Toast';