Fix destructuring assignments (#223)

vimeo · Jan 30, 2023 · d93c015 · d93c015
1 parent cfd9296
commit d93c015
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/_labs/ThemeKit/ThemeKit.story.tsx b/src/_labs/ThemeKit/ThemeKit.story.tsx
@@ -35,7 +35,7 @@ const box = {
 };
 
 function ThemeKit(props) {
-  const globalTheme = useContext(ThemeContext);
+  const { globalTheme } = useContext(ThemeContext);
   const subTheme = globalTheme.name;
 
   const [theme, setTheme] = useState(themes.vimeo);

diff --git a/src/components/inputs/Input/Input.props.story.tsx b/src/components/inputs/Input/Input.props.story.tsx
@@ -211,3 +211,9 @@ export function Autosuggest() {
   );
 }
 Autosuggest.storyName = 'autosuggest';
+
+export function Number() {
+  <Layout.StoryVertical>
+    <Input type="number" variant="underline" />
+  </Layout.StoryVertical>;
+}
diff --git a/src/storybook/welcome/Flower.tsx b/src/storybook/welcome/Flower.tsx
@@ -62,7 +62,7 @@ const Pre = styled.pre`
 `;
 
 function Code({ children, ...props }) {
-  const theme = useContext(ThemeContext);
+  const { theme } = useContext(ThemeContext);
 
   const saturation = 1;
   const lightness = theme.name === 'dark' ? 0.667 : 0.4;

diff --git a/src/themes/themes.story.tsx b/src/themes/themes.story.tsx
@@ -14,7 +14,7 @@ const padding = '2rem';
 export const Common = () => <HookedStory />;
 
 function HookedStory() {
-  const theme = useContext(ThemeContext);
+  const { theme } = useContext(ThemeContext);
 
   return (
     <div>
@@ -109,7 +109,7 @@ function HookedStory() {
 }
 
 function ThemeBlock({ block }) {
-  const theme = useContext(ThemeContext);
+  const { theme } = useContext(ThemeContext);
   const section = Object.entries(theme[block]);
 
   return (