Merge pull request #297 from AppQuality/develop

Pull Request triggered from POEditor

Author: cannarocks

package.json

@@ -3,7 +3,7 @@
   "version": "1.4.0",
   "private": true,
   "dependencies": {
-    "@appquality/unguess-design-system": "2.12.37",
+    "@appquality/unguess-design-system": "2.12.46",
     "@headwayapp/react-widget": "^0.0.4",
     "@reduxjs/toolkit": "^1.8.0",
     "@rtk-query/codegen-openapi": "^1.0.0-alpha.1",

src/common/components/BugsReportCard.tsx

@@ -64,7 +64,7 @@ export const BugsReportCard = ({
 
       <SpecialCard.Footer direction="column" justifyContent="center">
         <Button
-          className="report-btn report-btn-link report-btn-link"
+          className="report-btn report-btn-download report-btn-bugs-report"
           isPill
           isStretched
           onClick={getReport}

src/common/components/Pill.tsx

@@ -24,19 +24,21 @@ const PillContainer = styled.div`
 `;
 
 export const Pill = ({
+  id,
   background,
   color,
   icon,
   title,
   children,
 }: {
+  id?: string;
   title: string;
   background?: string;
   color?: string;
   icon?: ReactNode;
   children?: ReactNode;
 }) => (
-  <PillContainer>
+  <PillContainer {...(id && { id })}>
     <StyledTag isPill hue={background ?? 'white'} size="large">
       {icon && <StyledAvatar>{icon}</StyledAvatar>}
       <Span isBold style={{ color: color ?? globalTheme.palette.grey[700] }}>

src/common/components/navigation.tsx

@@ -37,6 +37,6 @@ export const StickyNavItem = styled(Link)`
 `;
 
 export const StickyNavItemLabel = styled(MD)`
-  color: ${({ theme }) => theme.palette.blue[700]};
+  color: ${({ theme }) => theme.palette.grey[800]};
   font-weight: ${({ theme }) => theme.fontWeights.medium};
 `;

src/common/schema.ts

@@ -543,13 +543,19 @@ export interface components {
      * @description Returns a list of use case with the number of bugs
      */
     WidgetBugsByUseCase: {
-      data: (components['schemas']['UseCase'] & {
-        /** @description Unique bugs */
+      data: {
+        title: {
+          full: string;
+          simple?: string;
+          prefix?: string;
+          info?: string;
+        };
+        description: string;
+        uniqueBugs?: number;
         bugs: number;
-        usecase_id: number;
-        /** Format: float */
         usecase_completion?: number;
-      })[];
+        usecase_id: number;
+      }[];
       /**
        * @default bugsByUseCase
        * @example bugsByUseCase
@@ -578,6 +584,17 @@ export interface components {
        */
       kind: 'bugsByDevice';
     };
+    /**
+     * WidgetBugsByDuplicates
+     * @description Returns the most 10 reported bugs ordered by numberd of duplicates
+     */
+    WidgetBugsByDuplicates: {
+      data: (components['schemas']['Bug'] & {
+        duplicates: number;
+      })[];
+      /** @enum {string} */
+      kind: 'bugsByDuplicates';
+    };
     /**
      * WidgetCampaignProgress
      * @description Used to show an overview about a specific campaign.
@@ -653,9 +670,9 @@ export interface components {
     wslug:
       | 'bugs-by-usecase'
       | 'bugs-by-device'
-      | 'bugs-by-type'
       | 'cp-progress'
-      | 'unique-bugs';
+      | 'unique-bugs'
+      | 'bugs-by-duplicates';
   };
   requestBodies: {
     Credentials: {
@@ -893,7 +910,8 @@ export interface operations {
             | components['schemas']['WidgetBugsByUseCase']
             | components['schemas']['WidgetBugsByDevice']
             | components['schemas']['WidgetCampaignProgress']
-            | components['schemas']['WidgetCampaignUniqueBugs'];
+            | components['schemas']['WidgetCampaignUniqueBugs']
+            | components['schemas']['WidgetBugsByDuplicates'];
         };
       };
       400: components['responses']['Error'];

src/features/api/index.ts

@@ -296,17 +296,18 @@ export type GetCampaignsByCidWidgetsApiResponse =
   | WidgetBugsByUseCase
   | WidgetBugsByDevice
   | WidgetCampaignProgress
-  | WidgetCampaignUniqueBugs;
+  | WidgetCampaignUniqueBugs
+  | WidgetBugsByDuplicates;
 export type GetCampaignsByCidWidgetsApiArg = {
   /** Campaign id */
   cid: number;
   /** Campaign widget slug */
   s:
     | 'bugs-by-usecase'
     | 'bugs-by-device'
-    | 'bugs-by-type'
     | 'cp-progress'
-    | 'unique-bugs';
+    | 'unique-bugs'
+    | 'bugs-by-duplicates';
   /** should update bug trend after request resolves? */
   updateTrend?: boolean;
 };
@@ -674,11 +675,19 @@ export type Report = {
   update_date?: string;
 };
 export type WidgetBugsByUseCase = {
-  data: (UseCase & {
+  data: {
+    title: {
+      full: string;
+      simple?: string;
+      prefix?: string;
+      info?: string;
+    };
+    description: string;
+    uniqueBugs?: number;
     bugs: number;
-    usecase_id: number;
     usecase_completion?: number;
-  })[];
+    usecase_id: number;
+  }[];
   kind: 'bugsByUseCase';
 };
 export type WidgetBugsByDevice = {
@@ -706,6 +715,12 @@ export type WidgetCampaignUniqueBugs = {
   };
   kind: 'campaignUniqueBugs';
 };
+export type WidgetBugsByDuplicates = {
+  data: (Bug & {
+    duplicates: number;
+  })[];
+  kind: 'bugsByDuplicates';
+};
 export type Project = {
   id: number;
   name: string;

src/hooks/useLocalizeDashboardUrl.ts

@@ -38,3 +38,16 @@ export function getLocalizeDashboardRoute(props: CampaignActionProps): string {
 
   return getLocalizedUXDashboardUrl(campaignId, currentLang);
 }
+
+export const getLocalizedBugUrl = (
+  aCampaignId: number,
+  aBugId: number,
+  aLanguage: string
+): string =>
+  aLanguage === 'en'
+    ? `${
+        process.env.REACT_APP_CROWD_WP_URL ?? ''
+      }/functional-customer-dashboard/?cid=${aCampaignId}&bug_id=${aBugId}`
+    : `${
+        process.env.REACT_APP_CROWD_WP_URL ?? ''
+      }/it/dashboard-campagne-funzionali/?cid=${aCampaignId}&bug_id=${aBugId}`;

src/hooks/useWindowSize.ts

@@ -1,4 +1,5 @@
 import { useLayoutEffect, useState } from 'react';
+import { theme } from 'src/app/theme';
 
 function debounce(callback: () => void, wait: number) {
   let timer: ReturnType<typeof setTimeout> | undefined;
@@ -15,11 +16,16 @@ export default function useWindowSize() {
   const [size, setSize] = useState({
     width: window.innerWidth,
     height: window.innerHeight,
+    isMobile: window.innerWidth < parseInt(theme.breakpoints.lg, 10),
   });
 
   useLayoutEffect(() => {
     const debounceUpdateSize = debounce(() => {
-      setSize({ width: window.innerWidth, height: window.innerHeight });
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+        isMobile: window.innerWidth < parseInt(theme.breakpoints.lg, 10),
+      });
     }, 300);
 
     window.addEventListener('resize', debounceUpdateSize);

src/locales/en/translation.json

@@ -22,21 +22,23 @@
   "__BUG_SEVERITY_LOW": "low",
   "__BUG_SEVERITY_MEDIUM": "medium",
   "__CAMPAIGN_CARD_EMPTY_TITLE_LABEL": "Untitled",
-  "__CAMPAIGN_PAGE_BUTTON_DETAIL_BUG": "Go to bug detail",
-  "__CAMPAIGN_PAGE_BUTTON_DETAIL_MEDIA": "Go to media detail",
+  "__CAMPAIGN_PAGE_BUTTON_DETAIL_BUG": "Go to bug list",
+  "__CAMPAIGN_PAGE_BUTTON_DETAIL_MEDIA": "Go to media list",
+  "__CAMPAIGN_PAGE_DEVICE_AND_BUG_TYPES_SECTION_SUBTITLE": "Check all the isolated bugs organized for devices and OS plus all the bug typologies",
+  "__CAMPAIGN_PAGE_DEVICE_AND_BUG_TYPES_SECTION_TITLE": "Devices and bug types",
   "__CAMPAIGN_PAGE_INFO_HEADER_DESKTOP": "Desktop",
   "__CAMPAIGN_PAGE_INFO_HEADER_FROM_DATE_TO_DATE": "<0><0>{{start_date}}</0></0> to <3><0>{{end_date}}</0></3>",
   "__CAMPAIGN_PAGE_INFO_HEADER_PLATFORM_SMARTPHONE": "Smartphone",
   "__CAMPAIGN_PAGE_INFO_HEADER_PLATFORM_TABLET": "Tablet",
   "__CAMPAIGN_PAGE_INFO_HEADER_TEST_TIMING": "Test duration",
-  "__CAMPAIGN_PAGE_NAVIGATION_BUG_EXTERNAL_LINK_LABEL": "Bug detail",
+  "__CAMPAIGN_PAGE_NAVIGATION_BUG_EXTERNAL_LINK_LABEL": "Go to bug list",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_GROUP_DETAILS_LABEL": "Details",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_GROUP_OTHER_LABEL": "Others",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_DETAILS_DEVICES_LABEL": "Devices and types",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_DETAILS_UNIQUE_BUGS_LABEL": "Unique bugs distribution",
   "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OTHER_REPORTS_LABEL": "Reports & attachments",
-  "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OVERVIEW_LABEL": "Campaign overview",
-  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_EXTERNAL_LINK_LABEL": "Media detail",
+  "__CAMPAIGN_PAGE_NAVIGATION_BUG_ITEM_OVERVIEW_LABEL": "Overview",
+  "__CAMPAIGN_PAGE_NAVIGATION_MEDIA_EXTERNAL_LINK_LABEL": "Go to media list",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_DOWNLOAD_LABEL": "Download now",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_OPEN_LINK_LABEL": "Open link",
   "__CAMPAIGN_PAGE_REPORTS_CARDS_UPDATED_ON_LABEL": "Last edit",
@@ -55,22 +57,41 @@
   "__CAMPAIGN_PAGE_REPORTS_GENERATE_REPORT_CARD_BUTTON_LABEL": "Download",
   "__CAMPAIGN_PAGE_REPORTS_GENERATE_REPORT_CARD_META": "Bugs Report",
   "__CAMPAIGN_PAGE_REPORTS_TITLE": "Reports and attachments",
+  "__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_SUBTITLE": "Check all the isolated bugs organized for Use Cases and don't miss any incoming bugs",
+  "__CAMPAIGN_PAGE_UNIQUE_BUGS_SECTION_TITLE": "Unique Bugs distribution",
   "__CAMPAIGN_PAGE_UNIQUE_BUGS_TITLE": "Unique bugs",
   "__CAMPAIGN_PAGE_UPDATE_CAMPAIGN_NAME_ERROR": "Error",
-  "__CAMPAIGN_PAGE_WIDGET_PROGRESS_CARD_TITLE": "Stato avanzamento",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_CHART_HEADER": "Tot. bugs",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_CHART_TOOLTIP_DRILLDOWN": "👉 Drill down to:",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_CHART_TOOLTIP_VALUE": "Bugs: {{value}}",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_LIST_COLUMN_LEFT": "Device",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_LIST_COLUMN_RIGHT": "Bugs tot.",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_LIST_HEADER_LABEL": "Total",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_DEVICE_LIST_TITLE": "{{total}} <2>total bugs</2>",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_OS_AND_DEVICE_CARD_TITLE": "Total bugs by device and OS",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE": "others",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_CARD_TITLE": "Unique bugs by Use Case",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_CHART_HEADER": "Tot. bugs",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_COLUMN_LEFT": "Use Case",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_COLUMN_RIGHT": "Bugs tot.",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_LIST_CONTENT": "total bugs",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_LIST_HEADER": "Total",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_TOOLTIP_UNIQUE_BUGS_LABEL": "Unique bugs:",
+  "__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_TOOLTIP_USECASE_LABEL": "Use Case: ",
+  "__CAMPAIGN_PAGE_WIDGET_PROGRESS_CARD_TITLE": "Status",
   "__CAMPAIGN_PAGE_WIDGET_PROGRESS_CARD_TOOLTIP": "This widget shows the progress of the campaign's tasks",
-  "__CAMPAIGN_PAGE_WIDGET_PROGRESS_DESCRIPTION_FOOTER": "over <1>{{expectedDuration}} expected</1>",
+  "__CAMPAIGN_PAGE_WIDGET_PROGRESS_DESCRIPTION_FOOTER": "over <bold>{{ expectedDuration }}</bold> expected",
   "__CAMPAIGN_PAGE_WIDGET_PROGRESS_DESCRIPTION_HEADER_ACTIVE": "Active since:",
   "__CAMPAIGN_PAGE_WIDGET_PROGRESS_DESCRIPTION_HEADER_FINISHED": "Campaign duration:",
   "__CAMPAIGN_PAGE_WIDGET_PROGRESS_FOOTER": "Test duration: {{startDate}} to {{endDate}}",
   "__CAMPAIGN_PAGE_WIDGET_PROGRESS_TIME_BULLET_TITLE": "Time passed",
   "__CAMPAIGN_PAGE_WIDGET_PROGRESS_USECASE_BULLET_TITLE": "Use Case completion",
-  "__CAMPAIGN_PAGE_WIDGET_TITLE": "Campaign Overview",
+  "__CAMPAIGN_PAGE_WIDGET_TITLE": "Overview",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_COUNT_LABEL_one": "{{count}} <bold>unique bug</bold>",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_COUNT_LABEL_other": "{{count}} <bold>unique bugs</bold>",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_REPORTED_BY": "Reported by testers:",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_TOOLTIP": "Monitor unique bugs reported only once by a single tester or a series of bugs reported by different testers, which we organize into duplicate bug groups",
-  "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_TOTAL_LABEL": "out of <bold>{{ total }}</bold>",
+  "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_TOTAL_LABEL": "out of <bold>{{ total }}</bold> total",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_TREND_EQUAL_LABEL": "Stable situation",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_TREND_LABEL_one": "unique bug",
   "__CAMPAIGN_PAGE_WIDGET_UNIQUE_BUGS_TREND_LABEL_other": "unique bugs",
@@ -82,8 +103,18 @@
   "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_GOTOLIST_LINK": "Go to bug list",
   "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_HEADER": "{{severity}} bugs",
   "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_TOOLTIP": "Discover the impact of the unique bugs on your product. These indications keep in mind both the context and the conditions where testers have tracked the bug and help you understand the bug severity.",
-  "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_TOTAL_LABEL_one": "out of {{total}}",
-  "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_TOTAL_LABEL_other": "out of {{total}}",
+  "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_TOTAL_LABEL_one": "out of <bold>{{total}}</bold> unique",
+  "__CAMPAIGN_WIDGET_BUGDISTRIBUTION_TOTAL_LABEL_other": "out of <bold>{{total}}</bold> unique",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_EXTERNAL_LINK_LABEL": "Go to bug list",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_HEADER": "Incoming bugs",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_MOST_SUBMITTED_DESCRIPTION": "Le issue che si sono verificate più volte",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_MOST_SUBMITTED_DUPLICATES_LABEL": "Duplicates",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_MOST_SUBMITTED_TAB_TITLE": "Most submitted",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_TOOLTIP": "Read our tester's descriptions on the bugs they have found: in the \"Most submitted\" tab you can see the most reported bugs, while in the \"Unread\" tab you can see the bugs that you have not read yet.",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_UNREAD": "Unread",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_UNREAD_DESCRIPTION": "Unread bugs grouped by use case, from the most recent",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_UNREAD_NO_BUGS": "Congratulations, you have read all the bugs!",
+  "__CAMPAIGN_WIDGET_INCOMING_BUGS_UNREAD_TAB_TITLE": "Unread",
   "__CAMPAIGNS_TABLE_COLUMN_CAMPAIGN_TYPE": "Campaign Type",
   "__CAMPAIGNS_TABLE_COLUMN_NAME": "Name",
   "__CAMPAIGNS_TABLE_COLUMN_START_DATE": "Start Date",
@@ -182,7 +213,7 @@
   "__EXPRESS_3_WIZARD_STEP_WHO_GENDER_MALE_PLURAL": "men",
   "__EXPRESS_3_WIZARD_STEP_WHO_LABEL_SELECTION_CRITERIA": "Specify selection criteria for the 6 users who will browse your product",
   "__EXPRESS_3_WIZARD_STEP_WHO_LITERACY_BEGINNER": "Beginner",
-  "__EXPRESS_3_WIZARD_STEP_WHO_LITERACY_BEGINNER_DESCRIPTION": "This tester has no autonomy, needs help from family and friens",
+  "__EXPRESS_3_WIZARD_STEP_WHO_LITERACY_BEGINNER_DESCRIPTION": "This tester has no autonomy, needs help from family and friends",
   "__EXPRESS_3_WIZARD_STEP_WHO_LITERACY_EXPERT": "Expert",
   "__EXPRESS_3_WIZARD_STEP_WHO_LITERACY_EXPERT_DESCRIPTION": "Completely autonomous in any digital product use",
   "__EXPRESS_3_WIZARD_STEP_WHO_LITERACY_INTERMEDIATE": "Intermediate",
@@ -226,7 +257,7 @@
   "__EXPRESS_4_WIZARD_STEP_WHO_GENDER_MALE_PLURAL": "men",
   "__EXPRESS_4_WIZARD_STEP_WHO_LABEL_SELECTION_CRITERIA": "Specify selection criteria for the 6 users who will browse your product",
   "__EXPRESS_4_WIZARD_STEP_WHO_LITERACY_BEGINNER": "Beginner",
-  "__EXPRESS_4_WIZARD_STEP_WHO_LITERACY_BEGINNER_DESCRIPTION": "This tester has no autonomy, needs help from family and friens",
+  "__EXPRESS_4_WIZARD_STEP_WHO_LITERACY_BEGINNER_DESCRIPTION": "This tester has no autonomy, needs help from family and friends",
   "__EXPRESS_4_WIZARD_STEP_WHO_LITERACY_EXPERT": "Expert",
   "__EXPRESS_4_WIZARD_STEP_WHO_LITERACY_EXPERT_DESCRIPTION": "Completely autonomous in any digital product use",
   "__EXPRESS_4_WIZARD_STEP_WHO_LITERACY_INTERMEDIATE": "Intermediate",