bug-list-page-header-fixes

src/common/components/pills/SeverityPill.tsx

@@ -15,7 +15,7 @@ export const SeverityPill = ({ severity, counter }: SeverityPillProps) => (
   >
     <span>
       {capitalizeFirstLetter(severity)}
-      {counter && (
+      {typeof counter !== 'undefined' && (
         <span style={{ fontWeight: theme.fontWeights.extrabold }}>
           {` ${counter}`}
         </span>

src/hooks/useLocalizeDashboardUrl.ts

@@ -25,17 +25,24 @@ export const getLocalizedUXDashboardUrl = (
         process.env.REACT_APP_CROWD_WP_URL ?? ''
       }/it/dashboard-campagne-esperienziali/?cid=${aCampaignId}`;
 
+export function getLocalizeoFirstLevelDashboardRoute(
+  campaignId: number
+): string {
+  const currentLang = i18n.language || 'en';
+
+  return `${
+    currentLang === 'en' ? '' : `/${currentLang}`
+  }/campaigns/${campaignId}/`;
+}
+
 export function getLocalizeDashboardRoute(props: CampaignActionProps): string {
   const { campaignId, outputs } = props;
 
-  const currentLang = i18n.language || 'en';
-
   if (outputs.length === 0 || outputs.some((o) => o === 'bugs')) {
-    return `${
-      currentLang === 'en' ? '' : `/${currentLang}`
-    }/campaigns/${campaignId}/`;
+    return getLocalizeoFirstLevelDashboardRoute(campaignId);
   }
 
+  const currentLang = i18n.language || 'en';
   return getLocalizedUXDashboardUrl(campaignId, currentLang);
 }
 

src/pages/Bugs/PageHeader/Tools/index.tsx

@@ -88,15 +88,13 @@ export const Tools = ({
       <ToolsWrapper>
         <StyledCounter campaignId={campaignId} />
         <SeveritiesWrapper>
-          {Object.keys(severities).map((severity) =>
-            severities[severity as Severities] > 0 ? (
-              <SeverityPill
-                key={severity}
-                counter={severities[severity as Severities]}
-                severity={severity as Severities}
-              />
-            ) : null
-          )}
+          {Object.keys(severities).map((severity) => (
+            <SeverityPill
+              key={severity}
+              counter={severities[severity as Severities]}
+              severity={severity as Severities}
+            />
+          ))}
         </SeveritiesWrapper>
         <Pipe />
         <StyledStatus status={status.name} />

src/pages/Bugs/PageHeader/index.tsx

@@ -5,6 +5,7 @@ import { Tools } from 'src/pages/Bugs/PageHeader/Tools';
 import { useCampaign } from 'src/pages/Campaign/pageHeader/useCampaign';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
+import { getLocalizeoFirstLevelDashboardRoute } from 'src/hooks/useLocalizeDashboardUrl';
 import BugsPageHeaderLoader from './PageHeaderLoader';
 
 const FlexWrapper = styled.div`
@@ -46,6 +47,14 @@ const BugsPageHeader = ({ campaignId }: { campaignId: number }) => {
         <Anchor id="breadcrumb-parent" onClick={() => navigate(project.route)}>
           {project.name}
         </Anchor>
+        <Anchor
+          onClick={() => {
+            window.location.href =
+              getLocalizeoFirstLevelDashboardRoute(campaignId);
+          }}
+        >
+          {campaign.title}
+        </Anchor>
       </PageHeader.Breadcrumb>
       <PageHeader.Main infoTitle={campaign.customer_title}>
         <FlexWrapper>