Merge pull request #630 from AppQuality/develop

Add UX widgets to mother dashboard

Author: cannarocks

package.json

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

src/assets/icons/insight-major-issue-icon.svg

@@ -11,6 +11,7 @@ import Bug from 'src/pages/Bug';
 import BugForm from 'src/pages/Bugform';
 import Bugs from 'src/pages/Bugs';
 import Campaign from 'src/pages/Campaign';
+import CampaignPreview from 'src/pages/Campaign/preview';
 import Dashboard from 'src/pages/Dashboard';
 import Project from 'src/pages/Dashboard/Project';
 import LoginPage from 'src/pages/LoginPage';
@@ -40,6 +41,10 @@ const Pages = () => {
                   path={`/${langPrefix}/campaigns/:campaignId`}
                   element={<Campaign />}
                 />
+                <Route
+                  path={`/${langPrefix}/campaigns/:campaignId/preview`}
+                  element={<CampaignPreview />}
+                />
                 <Route
                   path={`/${langPrefix}/campaigns/:campaignId/bugform`}
                   element={<BugForm />}
@@ -48,7 +53,6 @@ const Pages = () => {
                   path={`/${langPrefix}/campaigns/:campaignId/manual`}
                   element={<Manual />}
                 />
-
                 <Route path={`/${langPrefix}/login`} element={<LoginPage />} />
                 <Route
                   path={`/${langPrefix}/projects/:projectId`}
@@ -67,7 +71,6 @@ const Pages = () => {
                   path={`/${langPrefix}/services/:templateId`}
                   element={<Service />}
                 />
-
                 {/* No route found */}
                 <Route path={`/${langPrefix}/oops`} element={<NotFound />} />
                 <Route index element={<Dashboard />} />

src/assets/icons/insight-minor-issue-icon.svg

@@ -68,6 +68,8 @@ type BugCardArgs = React.HTMLAttributes<HTMLDivElement> & {
  */
 
 const StyledAnchor = styled(Anchor)<{ disabled?: boolean }>`
+  width: 100%;
+
   ${({ disabled }) =>
     disabled &&
     ` 

src/assets/icons/insight-observation-icon.svg

@@ -95,10 +95,8 @@ export const LightboxContainer = ({
                     ref={(ref) => {
                       videoRefs.current.push(ref);
                     }}
-                  >
-                    <source src={item.url} type="video/mp4" />
-                    <track kind="captions" />
-                  </Player>
+                    url={item.url}
+                  />
                 )}
               </Slider.Slide>
             ))}

src/assets/icons/insight-positive-finding-icon.svg

@@ -5,6 +5,7 @@ export const StickyContainer = styled(ContainerCard)`
   position: sticky;
   top: ${({ theme }) => theme.space.md};
   z-index: 1;
-  padding: ${({ theme }) => theme.space.base * 6}px;
+  padding: ${({ theme }) => theme.space.sm}
+    ${({ theme }) => theme.space.base * 4}px;
   background-color: ${({ theme }) => theme.palette.white};
 `;