feat: Add basic structure for incoming bugs

Author: d-beezee

src/index.tsx

@@ -10,12 +10,21 @@ const main = () => {
   store.dispatch(fetchUser());
   store.dispatch(getWorkspaces());
 
-  ReactDOM.render(
-    <React.StrictMode>
-      <App />
-    </React.StrictMode>,
-    document.getElementById('root')
-  );
+  setInterval(() => {
+    console.error(`
+  ##########################################
+  ##########################################
+  ##########################################
+      RESTORE STRICT MODE BEFORE MERGE
+      RESTORE STRICT MODE BEFORE MERGE
+      RESTORE STRICT MODE BEFORE MERGE
+      RESTORE STRICT MODE BEFORE MERGE
+  ##########################################
+  ##########################################
+  ##########################################
+  `);
+  }, 10000);
+  ReactDOM.render(<App />, document.getElementById('root'));
 };
 
 main();

src/pages/Campaign/widgets/incomingBugs/DuplicateBugs.tsx

@@ -0,0 +1,3 @@
+const DuplicateBugs = () => <>Duplicates</>;
+
+export { DuplicateBugs };

src/pages/Campaign/widgets/incomingBugs/UnreadBugs.tsx

@@ -0,0 +1,3 @@
+const UnreadBugs = () => <>Unread</>;
+
+export { UnreadBugs };

src/pages/Campaign/widgets/incomingBugs/index.tsx

@@ -1,14 +1,42 @@
-// import {Tabs} from "@appquality/unguess-design-system";
+import { Tabs } from '@appquality/unguess-design-system';
+import { useTranslation } from 'react-i18next';
+import { UnreadBugs } from './UnreadBugs';
+import { DuplicateBugs } from './DuplicateBugs';
 import { BasicWidget } from '../widgetCards/BasicWidget';
 
-const IncomingBugs = () => (
-  <BasicWidget>
-    <BasicWidget.Header tooltipContent="tooltip">
-      incoming bugs
-    </BasicWidget.Header>
+const IncomingBugs = () => {
+  const thereAreDuplicates = true;
+  const { t } = useTranslation();
 
-    <BasicWidget.Footer>vai al dettaglio dei bug</BasicWidget.Footer>
-  </BasicWidget>
-);
+  return (
+    <BasicWidget>
+      <BasicWidget.Header tooltipContent="tooltip">
+        incoming bugs
+      </BasicWidget.Header>
+      {thereAreDuplicates ? (
+        <Tabs>
+          <Tabs.List>
+            <Tabs.Tab item="duplicate">
+              {t('__CAMPAIGN_DUPLICATED_BUGS_TITLE', 'Most submitted')}
+            </Tabs.Tab>
+            <Tabs.Tab item="unread">
+              {t('__CAMPAIGN_UNREAD_BUGS_TITLE', 'Unread')}
+            </Tabs.Tab>
+          </Tabs.List>
+          <Tabs.Panel item="duplicate">
+            <DuplicateBugs />
+          </Tabs.Panel>
+          <Tabs.Panel item="unread">
+            <UnreadBugs />
+          </Tabs.Panel>
+        </Tabs>
+      ) : (
+        <UnreadBugs />
+      )}
+
+      <BasicWidget.Footer>vai al dettaglio dei bug</BasicWidget.Footer>
+    </BasicWidget>
+  );
+};
 
 export default IncomingBugs;