aboutsummaryrefslogtreecommitdiffstats
path: root/packages/forms/src/toggle
diff options
context:
space:
mode:
authorLibravatar Vijay A <avijayr@protonmail.com>2021-07-28 19:24:47 +0530
committerLibravatar Vijay Raghavan Aravamudhan <vraravam@users.noreply.github.com>2021-07-28 15:46:43 +0000
commitd671afec794992d052f6f6b7ea73a571e67db7c1 (patch)
tree940f97875da81b34465e1981461ec7152c2b08a5 /packages/forms/src/toggle
parent- updated classnames to 2.3.1 to use added type definitions (diff)
downloadferdium-app-d671afec794992d052f6f6b7ea73a571e67db7c1.tar.gz
ferdium-app-d671afec794992d052f6f6b7ea73a571e67db7c1.tar.zst
ferdium-app-d671afec794992d052f6f6b7ea73a571e67db7c1.zip
Minor refactoring to use the destructured code pattern while importing from other modules.
Diffstat (limited to 'packages/forms/src/toggle')
-rw-r--r--packages/forms/src/toggle/index.tsx6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/forms/src/toggle/index.tsx b/packages/forms/src/toggle/index.tsx
index 50716450b..d484cd042 100644
--- a/packages/forms/src/toggle/index.tsx
+++ b/packages/forms/src/toggle/index.tsx
@@ -1,6 +1,6 @@
1import { Theme } from '@meetfranz/theme'; 1import { Theme } from '@meetfranz/theme';
2import classnames from 'classnames'; 2import classnames from 'classnames';
3import * as CSS from 'csstype'; 3import { Property } from 'csstype';
4import React, { Component } from 'react'; 4import React, { Component } from 'react';
5import injectStyle from 'react-jss'; 5import injectStyle from 'react-jss';
6 6
@@ -22,7 +22,7 @@ const styles = (theme: Theme) => ({
22 background: theme.toggleBackground, 22 background: theme.toggleBackground,
23 borderRadius: theme.borderRadius, 23 borderRadius: theme.borderRadius,
24 height: theme.toggleHeight, 24 height: theme.toggleHeight,
25 position: 'relative' as CSS.Property.Position, 25 position: 'relative' as Property.Position,
26 width: theme.toggleWidth, 26 width: theme.toggleWidth,
27 }, 27 },
28 button: { 28 button: {
@@ -33,7 +33,7 @@ const styles = (theme: Theme) => ({
33 height: theme.toggleHeight - 2, 33 height: theme.toggleHeight - 2,
34 left: 1, 34 left: 1,
35 top: 1, 35 top: 1,
36 position: 'absolute' as CSS.Property.Position, 36 position: 'absolute' as Property.Position,
37 transition: 'all .5s', 37 transition: 'all .5s',
38 }, 38 },
39 buttonActive: { 39 buttonActive: {