maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Logo storybook file with invalid icons (fix-logo) (#11018) 

Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
This commit is contained in:
GitStart-Cal.com 2023-08-31 19:16:21 +00:00 committed by GitHub
parent 6e1a717ecf
commit 9c0f046b2a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/components/logo/Logo.tsx
View File

@ -5,23 +5,25 @@ export default function Logo({
icon,
inline = true,
className,
src = "/api/logo",
}: {
small?: boolean;
icon?: boolean;
inline?: boolean;
className?: string;
src?: string;
}) {
return (
<h3 className={classNames("logo", inline && "inline", className)}>
<strong>
{icon ? (
<img className="mx-auto w-9 dark:invert" alt="Cal" title="Cal" src="/api/logo?type=icon" />
<img className="mx-auto w-9 dark:invert" alt="Cal" title="Cal" src={`${src}?type=icon`} />
) : (
<img
className={classNames(small ? "h-4 w-auto" : "h-5 w-auto", "dark:invert")}
alt="Cal"
title="Cal"
src="/api/logo"
src={src}
/>
)}
</strong>

42
packages/ui/components/logo/logo.stories.mdx
View File

@ -1,9 +1,8 @@
import { Canvas, Meta, Story, ArgsTable } from "@storybook/addon-docs";
import { Canvas, Meta, Story } from "@storybook/addon-docs";
import {
Examples,
Example,
Note,
Title,
CustomArgsTable,
VariantsTable,
@ -14,7 +13,7 @@ import Logo from "./Logo";
<Meta title="UI/Logo" component={Logo} />
<Title title="Logo" suffix="Brief" subtitle="Version 2.0 — Last Update: 02 Jan 2023" />
<Title title="Logo" suffix="Brief" subtitle="Version 2.0 — Last Update: 28 Aug 2023" />
## Definition
@ -22,15 +21,34 @@ Main Cal.com brand logo
<CustomArgsTable of={Logo} />
## Examples
<Examples>
<Example title="Default">
<Logo src={"https://app.cal.com/api/logo"} />
</Example>
<Example title="Small">
<Logo src={"https://app.cal.com/api/logo"} small />
</Example>
<Example title="As an Icon">
<Logo src={"https://app.cal.com/api/logo"} icon />
</Example>
</Examples>
<Canvas>
<Story name="Logo">
<VariantsTable titles={[""]} columnMinWidth={150}>
<VariantRow variant="Small">
<Logo small />
</VariantRow>
<VariantRow variant="Default">
<Logo />
</VariantRow>
</VariantsTable>
<Story
name="Logo"
args={{
icon: false,
src: "https://app.cal.com/api/logo",
small: false,
}}>
{(args) => (
<VariantsTable titles={[""]} columnMinWidth={150}>
<VariantRow>
<Logo {...args} />
</VariantRow>
</VariantsTable>
)}
</Story>
</Canvas>