Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 14:54:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

Moved the button to the toolbar

Browse source
This commit is contained in:
Manoj Vivek 2024-06-07 13:09:25 +05:30
parent 829a2efa34
commit 12993027ba
2 changed files with 9 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
desktop-app/src/renderer/components/Previewer/index.tsx
View file

@ -1,4 +1,4 @@
import { useDispatch, useSelector } from 'react-redux';
import { useSelector } from 'react-redux';
import cx from 'classnames';
import { selectActiveSuite } from 'renderer/store/features/device-manager';
import { DOCK_POSITION, PREVIEW_LAYOUTS } from 'common/constants';
@ -9,12 +9,9 @@ import {
import { getDevicesMap, Device as IDevice } from 'common/deviceList';
import { useState } from 'react';
import { selectLayout } from 'renderer/store/features/renderer';
import { Icon } from '@iconify/react';
import { APP_VIEWS, setAppView } from 'renderer/store/features/ui';
import Device from './Device';
import DevtoolsResizer from './DevtoolsResizer';
import IndividualLayoutToolbar from './IndividualLayoutToolBar';
import Button from '../Button';
const Previewer = () => {
const activeSuite = useSelector(selectActiveSuite);
@ -23,7 +20,6 @@ const Previewer = () => {
const isDevtoolsOpen = useSelector(selectIsDevtoolsOpen);
const layout = useSelector(selectLayout);
const [individualDevice, setIndividualDevice] = useState<IDevice>(devices[0]);
const dispatch = useDispatch();
const isIndividualLayout = layout === PREVIEW_LAYOUTS.INDIVIDUAL;
@ -69,17 +65,6 @@ const Previewer = () => {
setIndividualDevice={setIndividualDevice}
/>
))}
<Button
isTextButton
className="h-fit gap-2 whitespace-nowrap text-sm"
isPrimary
onClick={() => {
dispatch(setAppView(APP_VIEWS.DEVICE_MANAGER));
}}
>
<Icon icon="mdi:plus" />
Add Device
</Button>
</>
)}
</div>

8
desktop-app/src/renderer/components/ToolBar/index.tsx
View file

@ -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}