Add storybook for Avatar

BrunoQuaresma · BrunoQuaresma · commit 900622e63f2c · 2023-01-25T18:23:21.000Z
diff --git a/site/src/components/Avatar/Avatar.stories.tsx b/site/src/components/Avatar/Avatar.stories.tsx
@@ -0,0 +1,55 @@
+import { Story } from "@storybook/react"
+import { Avatar, AvatarProps } from "./Avatar"
+import PauseIcon from "@material-ui/icons/PauseOutlined"
+
+export default {
+  title: "components/Avatar",
+  component: Avatar,
+}
+
+const Template: Story<AvatarProps> = (args: AvatarProps) => <Avatar {...args} />
+
+export const Letter = Template.bind({})
+Letter.args = {
+  children: "Coder",
+}
+
+export const LetterXL = Template.bind({})
+LetterXL.args = {
+  children: "Coder",
+  size: "xl",
+}
+
+export const LetterDarken = Template.bind({})
+LetterDarken.args = {
+  children: "Coder",
+  colorScheme: "darken",
+}
+
+export const Image = Template.bind({})
+Image.args = {
+  src: "https://avatars.githubusercontent.com/u/95932066?s=200&v=4",
+}
+
+export const ImageXL = Template.bind({})
+ImageXL.args = {
+  src: "https://avatars.githubusercontent.com/u/95932066?s=200&v=4",
+  size: "xl",
+}
+
+export const MuiIcon = Template.bind({})
+MuiIcon.args = {
+  children: <PauseIcon />,
+}
+
+export const MuiIconDarken = Template.bind({})
+MuiIconDarken.args = {
+  children: <PauseIcon />,
+  colorScheme: "darken",
+}
+
+export const MuiIconXL = Template.bind({})
+MuiIconXL.args = {
+  children: <PauseIcon />,
+  size: "xl",
+}
diff --git a/site/src/components/AvatarData/AvatarData.stories.tsx b/site/src/components/AvatarData/AvatarData.stories.tsx
@@ -16,16 +16,9 @@ Example.args = {
   subtitle: "coder@coder.com",
 }
 
-export const WithHighlightTitle = Template.bind({})
-WithHighlightTitle.args = {
+export const WithImage = Template.bind({})
+WithImage.args = {
   title: "coder",
   subtitle: "coder@coder.com",
-  highlightTitle: true,
-}
-
-export const WithLink = Template.bind({})
-WithLink.args = {
-  title: "coder",
-  subtitle: "coder@coder.com",
-  link: "/users/coder",
+  src: "https://avatars.githubusercontent.com/u/95932066?s=200&v=4",
 }
