diff --git a/package.json b/package.json index 3eca3ff3..4a655019 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "private": true, "version": "0.0.0", "scripts": { - "dev": "NODE_ENV=development TAMAGUI_TARGET=web vite", + "dev": "NODE_ENV=development vite", "build": "tsc && vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview", diff --git a/src/stories/Button.tsx b/src/stories/Button.tsx index c33be6ec..3cb9c42f 100644 --- a/src/stories/Button.tsx +++ b/src/stories/Button.tsx @@ -1,27 +1,26 @@ -import React from 'react'; -import './button.css'; +import './button.css' interface ButtonProps { /** * Is this the principal call to action on the page? */ - primary?: boolean; + primary?: boolean /** * What background color to use */ - backgroundColor?: string; + backgroundColor?: string /** * How large should the button be? */ - size?: 'small' | 'medium' | 'large'; + size?: 'small' | 'medium' | 'large' /** * Button contents */ - label: string; + label: string /** * Optional click handler */ - onClick?: () => void; + onClick?: () => void } /** @@ -34,7 +33,7 @@ export const Button = ({ label, ...props }: ButtonProps) => { - const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary'; + const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary' return ( - ); -}; + ) +} diff --git a/src/stories/Header.tsx b/src/stories/Header.tsx index 01504601..3bccb939 100644 --- a/src/stories/Header.tsx +++ b/src/stories/Header.tsx @@ -1,17 +1,15 @@ -import React from 'react'; - -import { Button } from './Button'; -import './header.css'; +import { Button } from './Button' +import './header.css' type User = { - name: string; -}; + name: string +} interface HeaderProps { - user?: User; - onLogin: () => void; - onLogout: () => void; - onCreateAccount: () => void; + user?: User + onLogin: () => void + onLogout: () => void + onCreateAccount: () => void } export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => ( @@ -53,4 +51,4 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps -); +)