Merge pull request #310 from AppQuality/incoming-bugs-fixes

feat: Restore navigation

Author: d-beezee

src/pages/Campaign/ReportRow.tsx

@@ -89,6 +89,7 @@ export const ReportRow = ({
       {(reports && reports.length) || isFunctional ? (
         <Col xs={12}>
           <SectionTitle
+            id="reports"
             title={t('__CAMPAIGN_PAGE_REPORTS_TITLE')}
             subtitle={t('__CAMPAIGN_PAGE_REPORTS_DESCRIPTION')}
           />

src/pages/Campaign/SectionTitle.tsx

@@ -1,14 +1,17 @@
 import { Paragraph, theme, XL } from '@appquality/unguess-design-system';
 
 export const SectionTitle = ({
+  id,
   title,
   subtitle,
 }: {
   title: string;
+  id?: string;
   subtitle?: string;
 }) => (
   <>
     <XL
+      id={id}
       style={{
         fontWeight: theme.fontWeights.medium,
         marginBottom: theme.space.xs,

src/pages/Campaign/index.tsx

@@ -99,6 +99,7 @@ const Campaign = () => {
                     <Row>
                       <Col xs={12}>
                         <SectionTitle
+                          id="campaign-overview"
                           title={t('__CAMPAIGN_PAGE_WIDGET_TITLE')}
                         />
                       </Col>
@@ -119,6 +120,7 @@ const Campaign = () => {
                     <Row>
                       <Col xs={12}>
                         <SectionTitle
+                          id="unique-bug-distribution"
                           title={t('__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_TITLE')}
                         />
                       </Col>
@@ -133,6 +135,7 @@ const Campaign = () => {
                       </Col>
                       <Col xs={12}>
                         <SectionTitle
+                          id="devices-and-types"
                           title={t(
                             '__CAMPAIGN_PAGE_DEVICE_AND_BUG_TYPES_SECTION_TITLE'
                           )}

src/pages/Campaign/navigation/bugs/Navigation.tsx

@@ -19,11 +19,10 @@ export const BugsNavigation = () => {
       >
         {t('__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OVERVIEW_LABEL')}
       </StickyNavItem>
-      <StickyNavItemLabel style={{ display: 'none' }}>
+      <StickyNavItemLabel>
         {t('__CAMPAIGN_PAGE_NAVIGATION_BUG_GROUP_DETAILS_LABEL')}
       </StickyNavItemLabel>
       <StickyNavItem
-        style={{ display: 'none' }}
         to="unique-bug-distribution"
         containerId="main"
         spy
@@ -34,7 +33,6 @@ export const BugsNavigation = () => {
         {t('__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_DETAILS_UNIQUE_BUGS_LABEL')}
       </StickyNavItem>
       <StickyNavItem
-        style={{ display: 'none' }}
         to="devices-and-types"
         containerId="main"
         spy