From d884afa593f8726bf63114d0db73c1dc2bc47786 Mon Sep 17 00:00:00 2001 From: Cezar Augusto Date: Tue, 11 Dec 2018 16:47:03 -0200 Subject: [PATCH] Imported from brave-ui: Revert "Merge pull request #308 from brave/sync_img" This reverts commit 7ea9178dd26d1d16e6882af6bb64b3500ae78332, reversing changes made to aa520cf3cf4232b6ce4ae988209cd46a9e848918. --- src/features/sync/images/add_icon.svg | 1 - src/features/sync/images/default_icon.svg | 1 - src/features/sync/images/desktop_icon.svg | 1 - src/features/sync/images/index.ts | 46 ------------------ src/features/sync/images/mobile_icon.svg | 1 - src/features/sync/images/mobile_picture.png | Bin 20931 -> 0 bytes src/features/sync/images/remove_icon.svg | 1 - src/features/sync/images/start_icon.svg | 1 - src/features/sync/index.ts | 4 ++ src/features/sync/modal/index.ts | 21 ++++++++ stories/features/sync/disabledContent.tsx | 5 +- .../sync/modals/addNewChainCameraOption.tsx | 10 ++-- .../sync/modals/addNewChainNoCamera.tsx | 9 ++-- stories/features/sync/modals/deviceType.tsx | 16 +++--- .../features/sync/modals/enterSyncCode.tsx | 5 +- .../features/sync/modals/removeMainDevice.tsx | 6 +-- .../sync/modals/removeOtherDevice.tsx | 9 ++-- stories/features/sync/modals/resetSync.tsx | 9 ++-- stories/features/sync/modals/scanCode.tsx | 27 +++++----- stories/features/sync/modals/viewSyncCode.tsx | 11 ++--- 20 files changed, 79 insertions(+), 105 deletions(-) delete mode 100644 src/features/sync/images/add_icon.svg delete mode 100644 src/features/sync/images/default_icon.svg delete mode 100644 src/features/sync/images/desktop_icon.svg delete mode 100644 src/features/sync/images/index.ts delete mode 100644 src/features/sync/images/mobile_icon.svg delete mode 100644 src/features/sync/images/mobile_picture.png delete mode 100644 src/features/sync/images/remove_icon.svg delete mode 100644 src/features/sync/images/start_icon.svg diff --git a/src/features/sync/images/add_icon.svg b/src/features/sync/images/add_icon.svg deleted file mode 100644 index cedf5ac78f00..000000000000 --- a/src/features/sync/images/add_icon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/features/sync/images/default_icon.svg b/src/features/sync/images/default_icon.svg deleted file mode 100644 index 6ecc798afbef..000000000000 --- a/src/features/sync/images/default_icon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/features/sync/images/desktop_icon.svg b/src/features/sync/images/desktop_icon.svg deleted file mode 100644 index f1bf22b4013f..000000000000 --- a/src/features/sync/images/desktop_icon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/features/sync/images/index.ts b/src/features/sync/images/index.ts deleted file mode 100644 index 6cc7786ce896..000000000000 --- a/src/features/sync/images/index.ts +++ /dev/null @@ -1,46 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this file, - * You can obtain one at http://mozilla.org/MPL/2.0/. */ - -import styled from '../../../theme' - -import StartImageUrl from './start_icon.svg' -import DefaultImageUrl from './default_icon.svg' -import AddImageUrl from './add_icon.svg' -import RemoveImageUrl from './remove_icon.svg' -import DesktopImageUrl from './desktop_icon.svg' -import MobileImageUrl from './mobile_icon.svg' -import MobileHandImageUrl from './mobile_picture.png' - -const iconStyles = ` - margin-top: 3px; - height: 60px; -` - -const deviceStyles = ` - margin-bottom: 20px; - height: 100px; -` - -export const SyncStartIcon = styled<{}, 'img'>('img').attrs({ src: StartImageUrl })` - max-width: 100%; -` -export const SyncDefaultIcon = styled<{}, 'img'>('img').attrs({ src: DefaultImageUrl })`${iconStyles}` -export const SyncAddIcon = styled<{}, 'img'>('img').attrs({ src: AddImageUrl })`${iconStyles}` -export const SyncRemoveIcon = styled<{}, 'img'>('img').attrs({ src: RemoveImageUrl })`${iconStyles}` -export const SyncDesktopIcon = styled<{}, 'img'>('img').attrs({ src: DesktopImageUrl })`${deviceStyles}` -export const SyncMobileIcon = styled<{}, 'img'>('img').attrs({ src: MobileImageUrl })`${deviceStyles}` -export const SyncMobilePicture = styled<{}, 'img'>('img').attrs({ src: MobileHandImageUrl })` - max-width: 100%; - display: block; -` - -interface QRCodeProps { - size: 'normal' | 'small' -} - -export const QRCode = styled('img')` - max-width: 100%; - display: block; - width: ${p => p.size === 'normal' ? '180px' : '140px'}; -` diff --git a/src/features/sync/images/mobile_icon.svg b/src/features/sync/images/mobile_icon.svg deleted file mode 100644 index 18d4c52d6f04..000000000000 --- a/src/features/sync/images/mobile_icon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/features/sync/images/mobile_picture.png b/src/features/sync/images/mobile_picture.png deleted file mode 100644 index bb776e7ef7b4099411f53f932cdb834753e07575..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 20931 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 \ No newline at end of file diff --git a/src/features/sync/images/start_icon.svg b/src/features/sync/images/start_icon.svg deleted file mode 100644 index 58d8be6b66c6..000000000000 --- a/src/features/sync/images/start_icon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/features/sync/index.ts b/src/features/sync/index.ts index a8f1628004ed..780191a327eb 100644 --- a/src/features/sync/index.ts +++ b/src/features/sync/index.ts @@ -14,6 +14,7 @@ export { } from './grid' export { ModalHeader, + ModalIcon, ModalTitle, ModalSubTitle, ModalContent, @@ -21,8 +22,11 @@ export { OneColumnButtonGrid, DeviceGrid, DeviceContainer, + DeviceImage, ViewSyncCodeGrid, + QRCode, ScanGrid, + MobileHandImage, QRCodeContainer, ThreeColumnButtonGrid, ThreeColumnButtonGridCol1, diff --git a/src/features/sync/modal/index.ts b/src/features/sync/modal/index.ts index 488b7fd30592..1322c422df68 100644 --- a/src/features/sync/modal/index.ts +++ b/src/features/sync/modal/index.ts @@ -12,6 +12,11 @@ export const ModalHeader = styled<{}, 'header'>('header')` margin-bottom: 20px; ` +export const ModalIcon = styled<{}, 'img'>('img')` + margin-top: 3px; + height: 60px; +` + export const ModalTitle = styled(Heading)` font-weight: 500; font-size: 26px; @@ -83,6 +88,11 @@ export const DeviceContainer = styled<{}, 'div'>('div')` align-items: center; ` +export const DeviceImage = styled<{}, 'img'>('img')` + margin-bottom: 20px; + height: 100px; +` + export const ScanGrid = styled<{}, 'div'>('div')` display: grid; height: 100%; @@ -92,6 +102,11 @@ export const ScanGrid = styled<{}, 'div'>('div')` max-width: 550px; ` +export const MobileHandImage = styled<{}, 'img'>('img')` + max-width: 100%; + display: block; +` + export const QRCodeContainer = styled<{}, 'div'>('div')` display: flex; flex-direction: column; @@ -110,3 +125,9 @@ export const ViewSyncCodeGrid = styled<{}, 'div'>('div')` grid-gap: 20px; margin: 0 0 25px; ` + +export const QRCode = styled<{}, 'img'>('img')` + max-width: 100%; + display: block; + width: 140px; +` diff --git a/stories/features/sync/disabledContent.tsx b/stories/features/sync/disabledContent.tsx index 687f716b9ea3..a70d5261955e 100644 --- a/stories/features/sync/disabledContent.tsx +++ b/stories/features/sync/disabledContent.tsx @@ -21,8 +21,7 @@ import { import DeviceType from './modals/deviceType' import EnterSyncCode from './modals/enterSyncCode' -// Images -import { SyncStartIcon } from '../../../src/features/sync/images' +const syncStart = require('../../assets/img/sync/sync_start.svg') // Utils import { getLocale } from './page/fakeLocale' @@ -69,7 +68,7 @@ export default class SyncDisabledContent extends React.PureComponent<{}, State> : null } - +
{getLocale('syncTitle')} {getLocale('syncDescription')} diff --git a/stories/features/sync/modals/addNewChainCameraOption.tsx b/stories/features/sync/modals/addNewChainCameraOption.tsx index e43fe5b313df..6682ff85d7d7 100644 --- a/stories/features/sync/modals/addNewChainCameraOption.tsx +++ b/stories/features/sync/modals/addNewChainCameraOption.tsx @@ -10,10 +10,7 @@ import Modal from '../../../../src/components/popupModals/modal' import TextAreaClipboard from '../../../../src/components/formControls/textareaClipboard' // Feature-specific components -import { ModalHeader, ModalTitle, ModalSubTitle, ModalContent, ThreeColumnButtonGrid, ThreeColumnButtonGridCol2, ThreeColumnButtonGridCol1 } from '../../../../src/features/sync' - -// Images -import { SyncAddIcon } from '../../../../src/features/sync/images' +import { ModalHeader, ModalTitle, ModalIcon, ModalSubTitle, ModalContent, ThreeColumnButtonGrid, ThreeColumnButtonGridCol2, ThreeColumnButtonGridCol1 } from '../../../../src/features/sync' // Modals import ScanCode from './scanCode' @@ -22,6 +19,9 @@ import ScanCode from './scanCode' import { getLocale } from '../page/fakeLocale' import data from '../page/fakeData' +// Images +import syncAddIcon from '../../../assets/img/sync/sync_add_icon.svg' + interface Props { fromMobileScreen?: boolean onClose: () => void @@ -54,7 +54,7 @@ export default class AddNewChainCameraOptionModal extends React.PureComponent - +
{ diff --git a/stories/features/sync/modals/addNewChainNoCamera.tsx b/stories/features/sync/modals/addNewChainNoCamera.tsx index 2d0b75189994..c58136e630bb 100644 --- a/stories/features/sync/modals/addNewChainNoCamera.tsx +++ b/stories/features/sync/modals/addNewChainNoCamera.tsx @@ -12,6 +12,7 @@ import TextAreaClipboard from '../../../../src/components/formControls/textareaC // Feature-specific components import { ModalHeader, + ModalIcon, ModalTitle, ModalSubTitle, ModalContent, @@ -19,13 +20,13 @@ import { OneColumnButtonGrid } from '../../../../src/features/sync' -// Images -import { SyncAddIcon } from '../../../../src/features/sync/images' - // Utils import { getLocale } from '../page/fakeLocale' import data from '../page/fakeData' +// Images +import syncAddIcon from '../../../assets/img/sync/sync_add_icon.svg' + interface Props { onClose: () => void } @@ -36,7 +37,7 @@ export default class AddNewChainNoCameraModal extends React.PureComponent - +
{getLocale('enterThisCode')} {getLocale('syncChainCodeHowTo')} diff --git a/stories/features/sync/modals/deviceType.tsx b/stories/features/sync/modals/deviceType.tsx index 1d1fc709500a..0b570ef3d06a 100644 --- a/stories/features/sync/modals/deviceType.tsx +++ b/stories/features/sync/modals/deviceType.tsx @@ -11,15 +11,14 @@ import Modal from '../../../../src/components/popupModals/modal' // Feature-specific components import { ModalHeader, + ModalIcon, ModalTitle, DeviceGrid, DeviceContainer, + DeviceImage, ModalSubTitle } from '../../../../src/features/sync' -// Images -import { SyncAddIcon, SyncMobileIcon, SyncDesktopIcon } from '../../../../src/features/sync/images' - // Modals import AddNewChainNoCamera from './addNewChainNoCamera' import ScanCode from './scanCode' @@ -27,6 +26,11 @@ import ScanCode from './scanCode' // Utils import { getLocale } from '../page/fakeLocale' +// Images +import syncMobileImg from '../../../assets/img/sync/sync_mobile.svg' +import syncDesktopImg from '../../../assets/img/sync/sync_desktop.svg' +import syncAddIcon from '../../../assets/img/sync/sync_add_icon.svg' + interface Props { mainDeviceName: string onClose: () => void @@ -70,7 +74,7 @@ export default class DeviceTypeModal extends React.PureComponent { : null } - +
{getLocale('letsSync')}
“{mainDeviceName}”. {getLocale('chooseDeviceType')} @@ -78,7 +82,7 @@ export default class DeviceTypeModal extends React.PureComponent { - +