Rename tabs to Inbox, Contacts, Insights

front/src/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import Tasks from './pages/tasks/Tasks';
+import Inbox from './pages/inbox/Inbox';
-import History from './pages/History';
+import Contacts from './pages/Contacts';
-import Performances from './pages/Performances';
+import Insights from './pages/Insights';
 import AppLayout from './layout/AppLayout';
 import { Routes, Route } from 'react-router-dom';
 
@@ -9,9 +9,9 @@ function App() {
   return (
     <AppLayout>
       <Routes>
-        <Route path="/" element={<Tasks />} />
+        <Route path="/" element={<Inbox />} />
-        <Route path="/history" element={<History />} />
+        <Route path="/contacts" element={<Contacts />} />
-        <Route path="/performances" element={<Performances />} />
+        <Route path="/insights" element={<Insights />} />
       </Routes>
     </AppLayout>
   );

front/src/layout/navbar/Navbar.tsx

@@ -16,7 +16,7 @@ function Navbar() {
     <>
       <NavbarContainer>
         <NavItem
-          label="Tasks"
+          label="Inbox"
           to="/"
           active={
             !!useMatch({
@@ -26,21 +26,21 @@ function Navbar() {
           }
         />
         <NavItem
-          label="History"
+          label="Contacts"
-          to="/history"
+          to="/contacts"
           active={
             !!useMatch({
-              path: useResolvedPath('/history').pathname,
+              path: useResolvedPath('/contacts').pathname,
               end: true,
             })
           }
         />
         <NavItem
-          label="Performances"
+          label="Insights"
-          to="/performances"
+          to="/insights"
           active={
             !!useMatch({
-              path: useResolvedPath('/performances').pathname,
+              path: useResolvedPath('/insights').pathname,
               end: true,
             })
           }

front/src/pages/Contacts.tsx

@@ -1,4 +1,4 @@
-function History() {
+function Contacts() {
   return (
     <div>
       <h1>This is the history page</h1>
@@ -6,4 +6,4 @@ function History() {
   );
 }
 
-export default History;
+export default Contacts;

front/src/pages/Insights.tsx

@@ -1,4 +1,4 @@
-function Performances() {
+function Insights() {
   return (
     <div>
       <h1>This is the performances page</h1>
@@ -6,4 +6,4 @@ function Performances() {
   );
 }
 
-export default Performances;
+export default Insights;

front/src/pages/inbox/Inbox.tsx

@@ -1,7 +1,7 @@
 import FullWidthContainer from '../../layout/containers/FullWidthContainer';
 import TaskList from './TaskList';
 
-function Tasks() {
+function Inbox() {
   return (
     <FullWidthContainer>
       <TaskList />
@@ -9,4 +9,4 @@ function Tasks() {
   );
 }
 
-export default Tasks;
+export default Inbox;

front/src/stories/layout/navbar/Navbar.stories.tsx

@@ -7,8 +7,8 @@ export default {
   component: Navbar,
 };
 
-export const NavbarOnPerformance = () => (
+export const NavbarOnInsights = () => (
-  <MemoryRouter initialEntries={['/performances']}>
+  <MemoryRouter initialEntries={['/insights']}>
     <Navbar />
   </MemoryRouter>
 );

front/src/stories/pages/inbox/Inbox.stories.tsx

@@ -0,0 +1,13 @@
+import { MemoryRouter } from 'react-router-dom';
+import Inbox from '../../../pages/inbox/Inbox';
+
+export default {
+  title: 'Inbox',
+  component: Inbox,
+};
+
+export const InboxDefault = () => (
+  <MemoryRouter>
+    <Inbox />
+  </MemoryRouter>
+);

front/src/stories/pages/inbox/TaskList.stories.tsx

@@ -1,7 +1,7 @@
-import TaskList from '../../../pages/tasks/TaskList';
+import TaskList from '../../../pages/inbox/TaskList';
 
 export default {
-  title: 'Tasks',
+  title: 'Inbox',
   component: TaskList,
 };
 

front/src/stories/pages/inbox/TaskListHeader.stories.tsx

@@ -1,8 +1,8 @@
 import { MemoryRouter } from 'react-router-dom';
-import TaskListHeader from '../../../pages/tasks/TaskListHeader';
+import TaskListHeader from '../../../pages/inbox/TaskListHeader';
 
 export default {
-  title: 'Tasks',
+  title: 'Inbox',
   component: TaskListHeader,
 };
 

front/src/stories/pages/inbox/TaskListItem.stories.tsx

@@ -1,8 +1,8 @@
 import { MemoryRouter } from 'react-router-dom';
-import TaskListItem from '../../../pages/tasks/TaskListItem';
+import TaskListItem from '../../../pages/inbox/TaskListItem';
 
 export default {
-  title: 'Tasks',
+  title: 'Inbox',
   component: TaskListItem,
 };
 

front/src/stories/pages/tasks/Tasks.stories.tsx

@@ -1,13 +0,0 @@
-import { MemoryRouter } from 'react-router-dom';
-import Tasks from '../../../pages/tasks/Tasks';
-
-export default {
-  title: 'Tasks',
-  component: Tasks,
-};
-
-export const TasksDefault = () => (
-  <MemoryRouter>
-    <Tasks />
-  </MemoryRouter>
-);

front/src/tests/layout/navbar/Navbar.test.tsx

@@ -1,16 +1,16 @@
 import { render } from '@testing-library/react';
 
-import { NavbarOnPerformance } from '../../../stories/layout/navbar/Navbar.stories';
+import { NavbarOnInsights } from '../../../stories/layout/navbar/Navbar.stories';
 
 it('Checks the NavItem renders', () => {
-  const { getByRole } = render(<NavbarOnPerformance />);
+  const { getByRole } = render(<NavbarOnInsights />);
 
-  expect(getByRole('button', { name: 'Performances' })).toHaveAttribute(
+  expect(getByRole('button', { name: 'Insights' })).toHaveAttribute(
     'aria-selected',
     'true',
   );
 
-  expect(getByRole('button', { name: 'Tasks' })).toHaveAttribute(
+  expect(getByRole('button', { name: 'Inbox' })).toHaveAttribute(
     'aria-selected',
     'false',
   );

front/src/tests/pages/inbox/Inbox.test.tsx

@@ -1,9 +1,9 @@
 import { render } from '@testing-library/react';
 
-import { TasksDefault } from '../../../stories/pages/tasks/Tasks.stories';
+import { InboxDefault } from '../../../stories/pages/inbox/Inbox.stories';
 
-it('Checks the Tasks page render', () => {
+it('Checks the Inbox page render', () => {
-  const { getAllByRole } = render(<TasksDefault />);
+  const { getAllByRole } = render(<InboxDefault />);
 
   const button = getAllByRole('button');
   expect(button[0]).toHaveTextContent('Sylvie Vartan');

front/src/tests/pages/inbox/TaskList.test.tsx

@@ -1,8 +1,8 @@
 import { render } from '@testing-library/react';
 
-import { TaskListDefault } from '../../../stories/pages/tasks/TaskList.stories';
+import { TaskListDefault } from '../../../stories/pages/inbox/TaskList.stories';
 
-it('Checks the Tasks page render', () => {
+it('Checks the task list render', () => {
   const { getAllByRole } = render(<TaskListDefault />);
 
   const button = getAllByRole('button');

front/src/tests/pages/inbox/TaskListHeader.test.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 
-import { TaskListHeaderDefault } from '../../../stories/pages/tasks/TaskListHeader.stories';
+import { TaskListHeaderDefault } from '../../../stories/pages/inbox/TaskListHeader.stories';
 
 it('Checks the TaskListHeader render', () => {
   const { getAllByText } = render(<TaskListHeaderDefault />);

front/src/tests/pages/inbox/TaskListItem.test.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 
-import { TaskListItemDefault } from '../../../stories/pages/tasks/TaskListItem.stories';
+import { TaskListItemDefault } from '../../../stories/pages/inbox/TaskListItem.stories';
 
 it('Checks the TaskListItem render', () => {
   const { getAllByText } = render(<TaskListItemDefault />);

server/.gitignore

@@ -30,6 +30,6 @@ lerna-debug.log*
 # IDE - VSCode
 .vscode/*
 !.vscode/settings.json
-!.vscode/tasks.json
+!.vscode/inbox.json
 !.vscode/launch.json
 !.vscode/extensions.json