Fix plan link visibility in campaign dashboard

src/app/store.ts

@@ -4,7 +4,6 @@ import { unguessApiSlice } from 'src/features/api/apiTags';
 import { strapiSlice } from '../features/backoffice/strapi';
 import bugsPageReducer from '../features/bugsPage/bugsPageSlice';
 import filterReducer from '../features/campaignsFilter/campaignsFilterSlice';
-import expressReducer from '../features/express/expressSlice';
 import navigationReducer from '../features/navigation/navigationSlice';
 import planModulesReducer from '../features/planModules';
 import userReducer from '../features/user/userSlice';
@@ -17,7 +16,6 @@ export const store = configureStore({
     navigation: navigationReducer,
     workspaces: workspaceReducer,
     filters: filterReducer,
-    express: expressReducer,
     bugsPage: bugsPageReducer,
     uxFilters: uxFilterReducer,
     planModules: planModulesReducer,

src/common/Pages.tsx

@@ -22,8 +22,6 @@ import Manual from 'src/pages/Manual';
 import MediaNotFound from 'src/pages/NotFound/MediaNotFound';
 import NotFound from 'src/pages/NotFound/NotFound';
 import Plan from 'src/pages/Plan';
-import Service from 'src/pages/Service';
-import Catalog from 'src/pages/Services';
 import Template from 'src/pages/Template';
 import Templates from 'src/pages/Templates';
 import Video from 'src/pages/Video';
@@ -80,14 +78,6 @@ const Pages = () => {
                     path={`/${langPrefix}/campaigns/:campaignId/bugs/:bugId`}
                     element={<Bug />}
                   />
-                  <Route
-                    path={`/${langPrefix}/services`}
-                    element={<Catalog />}
-                  />
-                  <Route
-                    path={`/${langPrefix}/services/:templateId`}
-                    element={<Service />}
-                  />
                   <Route
                     path={`/${langPrefix}/templates`}
                     element={<Templates />}

src/common/components/ErrorBoundary/ErrorBoundaryPage.tsx

@@ -1,18 +1,26 @@
 import {
+  Button,
   Col,
   Grid,
+  MD,
+  Paragraph,
   Row,
   theme,
   XXL,
-  MD,
-  Paragraph,
-  Button,
 } from '@appquality/unguess-design-system';
-import { ReactComponent as Illustration } from 'src/assets/errorBoundaryPage.svg';
 import { useTranslation } from 'react-i18next';
-import { Logged } from 'src/features/templates/Logged';
-import { Container } from 'src/pages/ExpressWizard/wizardHeader';
+import { ReactComponent as Illustration } from 'src/assets/errorBoundaryPage.svg';
 import { GoogleTagManager } from 'src/common/GoogleTagManager';
+import { Logged } from 'src/features/templates/Logged';
+import styled from 'styled-components';
+
+const Container = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+`;
 
 const ErrorBoundaryPage = () => {
   const { t } = useTranslation();

src/common/components/Meta.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 export type MetaSize = 'medium' | 'large';
 
-export interface MetaArgs extends React.HTMLAttributes<HTMLDivElement> {
+interface MetaArgs extends React.HTMLAttributes<HTMLDivElement> {
   size?: MetaSize;
   children?: React.ReactNode;
   color?: string;

src/pages/ExpressWizard/notesCard.tsx → src/common/components/NotesCard.tsx

@@ -3,7 +3,7 @@ import { appTheme } from 'src/app/theme';
 import { HTMLAttributes } from 'react';
 import styled from 'styled-components';
 
-export const NotesTitle = styled(MD)`
+const NotesTitle = styled(MD)`
   color: ${({ theme }) => theme.palette.teal[600]};
   font-weight: ${({ theme }) => theme.fontWeights.medium};
   display: flex;

src/common/components/PlanCreationInterface/index.tsx

@@ -58,7 +58,7 @@ const RequirementsContainer = styled.div`
   }
 `;
 
-export interface PlanCreationProps {
+interface PlanCreationProps {
   isOpen: boolean;
   onClose: () => void;
   template: CpReqTemplate;
@@ -242,11 +242,7 @@ const TemplateContent = ({ data }: { data: CpReqTemplate }) => {
   );
 };
 
-export const NewPlanDrawer = ({
-  onClose,
-  isOpen,
-  template,
-}: PlanCreationProps) => {
+const NewPlanDrawer = ({ onClose, isOpen, template }: PlanCreationProps) => {
   const { t } = useTranslation();
 
   const handleClose = () => {

src/common/components/navigation/asideNav/index.tsx

@@ -1,7 +1,4 @@
-// TODO: Structure the menu in this components instead of using the children
-
 import {
-  Anchor,
   ContainerCard,
   MD,
   Skeleton,
@@ -11,7 +8,7 @@ import { Link } from 'react-scroll';
 import { Divider } from 'src/common/components/divider';
 import styled from 'styled-components';
 
-export const StickyNavContainer = styled(ContainerCard)`
+const StickyNavContainer = styled(ContainerCard)`
   position: sticky;
   top: ${({ theme }) => theme.space.md};
   z-index: 1;
@@ -66,12 +63,6 @@ export const StickyNavItemLabel = styled(MD)`
   margin-bottom: ${({ theme }) => theme.space.xs};
 `;
 
-export const StickyNavItemExternal = styled(Anchor)`
-  display: block;
-  padding: ${({ theme }) => theme.space.sm} ${({ theme }) => theme.space.xs}
-    ${({ theme }) => theme.space.sm} ${({ theme }) => theme.space.md};
-`;
-
 interface IAsideNav {
   containerId: string;
   isSpy?: boolean;

src/common/components/navigation/header/MobileToggle.tsx

@@ -10,19 +10,6 @@ import { ReactComponent as MenuIcon } from 'src/assets/icons/menu-stroke.svg';
 import { toggleSidebar } from 'src/features/navigation/navigationSlice';
 import styled from 'styled-components';
 
-export const LogoIconContainer = styled(HeaderItem)`
-  margin-right: 2px;
-  border-right: none;
-  cursor: pointer;
-  @media (max-width: ${({ theme }) => theme.breakpoints.md}) {
-    right: 0;
-    left: 0;
-    margin-right: auto;
-    margin-left: auto;
-    position: absolute;
-  }
-`;
-
 const MenuItem = styled(HeaderItem)`
   ${(props) => retrieveComponentStyles('text.primary', props)};
   @media (min-width: ${({ theme }) => theme.breakpoints.md}) {

src/common/components/navigation/header/brandLogo.tsx

@@ -7,7 +7,7 @@ import { useNavigate } from 'react-router-dom';
 import { ReactComponent as LogoFull } from 'src/assets/icons/logo.svg';
 import styled from 'styled-components';
 
-export const LogoIconContainer = styled(HeaderItem)`
+const LogoIconContainer = styled(HeaderItem)`
   margin-right: 2px;
   border-right: none;
   cursor: pointer;