Merge pull request #1177 from responsively-org/add-device-button

Add device button added to the preview area
responsively-org · Jun 7, 2024 · d597425 · d597425
2 parents f3fcc67 + 1299302
commit d597425
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/desktop-app/src/renderer/components/DeviceManager/PreviewSuites/index.tsx b/desktop-app/src/renderer/components/DeviceManager/PreviewSuites/index.tsx
@@ -14,7 +14,9 @@ export const PreviewSuites = () => {
 
   return (
     <div className="flex flex-col">
-      <p className="mb-6 text-lg">Preview Suites</p>
+      <p className="mb-6 flex items-center gap-2 text-lg">
+        <Icon icon="heroicons:swatch" /> Preview Suites
+      </p>
       <div className="flex w-full items-center gap-4 overflow-x-auto">
         <div className="flex flex-shrink-0 gap-4">
           {suites.map((suite) => (

diff --git a/desktop-app/src/renderer/components/ToolBar/index.tsx b/desktop-app/src/renderer/components/ToolBar/index.tsx
@@ -13,6 +13,7 @@ import { selectActiveSuite } from 'renderer/store/features/device-manager';
 import WebPage from 'main/screenshot/webpage';
 import { getDevicesMap } from 'common/deviceList';
 import { updateWebViewHeightAndScale } from 'common/webViewUtils';
+import { APP_VIEWS, setAppView } from 'renderer/store/features/ui';
 import NavigationControls from './NavigationControls';
 import Menu from './Menu';
 import Button from '../Button';
@@ -137,6 +138,13 @@ const ToolBar = () => {
       <ColorBlindnessControls />
       <Divider />
       <PreviewSuiteSelector />
+      <Button
+        onClick={() => {
+          dispatch(setAppView(APP_VIEWS.DEVICE_MANAGER));
+        }}
+      >
+        <Icon icon="lucide:plus" width={16} />
+      </Button>
       <Menu />
       <ModalLoader
         isOpen={isCapturingScreenshot}