diff options
Diffstat (limited to 'app/components/wallpaper')
-rw-r--r-- | app/components/wallpaper/wallpaper.presets.ts | 6 | ||||
-rw-r--r-- | app/components/wallpaper/wallpaper.props.ts | 4 | ||||
-rw-r--r-- | app/components/wallpaper/wallpaper.story.tsx | 12 | ||||
-rw-r--r-- | app/components/wallpaper/wallpaper.tsx | 12 |
4 files changed, 17 insertions, 17 deletions
diff --git a/app/components/wallpaper/wallpaper.presets.ts b/app/components/wallpaper/wallpaper.presets.ts index 3885b8f..148ad5c 100644 --- a/app/components/wallpaper/wallpaper.presets.ts +++ b/app/components/wallpaper/wallpaper.presets.ts @@ -1,10 +1,10 @@ -import { ImageStyle } from "react-native" +import { ImageStyle } from 'react-native' /** * All wallpaper will start off looking like this. */ const BASE: ImageStyle = { - position: "absolute", + position: 'absolute', top: 0, left: 0, bottom: 0, @@ -22,7 +22,7 @@ export const presets = { */ stretch: { ...BASE, - resizeMode: "stretch", + resizeMode: 'stretch', width: null, // Have to set these to null because android ¯\_(ツ)_/¯ height: null, } as ImageStyle, diff --git a/app/components/wallpaper/wallpaper.props.ts b/app/components/wallpaper/wallpaper.props.ts index 592bac9..9d97f12 100644 --- a/app/components/wallpaper/wallpaper.props.ts +++ b/app/components/wallpaper/wallpaper.props.ts @@ -1,5 +1,5 @@ -import { ImageStyle, StyleProp } from "react-native" -import { WallpaperPresets } from "./wallpaper.presets" +import { ImageStyle, StyleProp } from 'react-native' +import { WallpaperPresets } from './wallpaper.presets' export interface WallpaperProps { /** diff --git a/app/components/wallpaper/wallpaper.story.tsx b/app/components/wallpaper/wallpaper.story.tsx index 8f5488a..14a5f62 100644 --- a/app/components/wallpaper/wallpaper.story.tsx +++ b/app/components/wallpaper/wallpaper.story.tsx @@ -1,13 +1,13 @@ -import * as React from "react" -import { storiesOf } from "@storybook/react-native" -import { StoryScreen, Story, UseCase } from "../../../storybook/views" -import { Wallpaper } from "./wallpaper" +import * as React from 'react' +import { storiesOf } from '@storybook/react-native' +import { StoryScreen, Story, UseCase } from '../../../storybook/views' +import { Wallpaper } from './wallpaper' declare let module -storiesOf("Wallpaper", module) +storiesOf('Wallpaper', module) .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add("Style Presets", () => ( + .add('Style Presets', () => ( <Story> <UseCase text="default/stretch" usage="Full screen wallpaper image."> <Wallpaper /> diff --git a/app/components/wallpaper/wallpaper.tsx b/app/components/wallpaper/wallpaper.tsx index 7aaad37..f5e24f1 100644 --- a/app/components/wallpaper/wallpaper.tsx +++ b/app/components/wallpaper/wallpaper.tsx @@ -1,7 +1,7 @@ -import React from "react" -import { AutoImage as Image } from "../auto-image/auto-image" -import { presets } from "./wallpaper.presets" -import { WallpaperProps } from "./wallpaper.props" +import React from 'react' +import { AutoImage as Image } from '../auto-image/auto-image' +import { presets } from './wallpaper.presets' +import { WallpaperProps } from './wallpaper.props' //const defaultImage = require("./bg.png") @@ -12,7 +12,7 @@ import { WallpaperProps } from "./wallpaper.props" */ export function Wallpaper(props: WallpaperProps) { // grab the props - const { preset = "stretch", style: styleOverride, backgroundImage } = props + const { preset = 'stretch', style: styleOverride, backgroundImage } = props // assemble the style const presetToUse = presets[preset] || presets.stretch @@ -21,5 +21,5 @@ export function Wallpaper(props: WallpaperProps) { // figure out which image to use //const source = backgroundImage || defaultImage - return null//<Image source={source} style={styles} /> + return null //<Image source={source} style={styles} /> } |