diff --git a/.changeset/giant-gifts-serve.md b/.changeset/giant-gifts-serve.md new file mode 100644 index 0000000..d44f90c --- /dev/null +++ b/.changeset/giant-gifts-serve.md @@ -0,0 +1,5 @@ +--- +"formidable-oss-badges": minor +--- + +Add AMA diff --git a/src/FeaturedBadge.stories.tsx b/src/FeaturedBadge.stories.tsx index 7d1ff5e..bd5d9fb 100644 --- a/src/FeaturedBadge.stories.tsx +++ b/src/FeaturedBadge.stories.tsx @@ -22,6 +22,9 @@ Nuka.args = { name: "nuka", simple: false } export const ReactNativeOwl = Template.bind({}) ReactNativeOwl.args = { name: "owl", simple: false } +export const ReactNativeAMA = Template.bind({}) +ReactNativeAMA.args = { name: "ama", simple: false } + export const Victory = Template.bind({}) Victory.args = { name: "victory", simple: false } diff --git a/src/assets/featuredLogos/ama-simple.svg b/src/assets/featuredLogos/ama-simple.svg new file mode 100644 index 0000000..f2d9a57 --- /dev/null +++ b/src/assets/featuredLogos/ama-simple.svg @@ -0,0 +1,42 @@ + +React Native AMA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/featuredLogos/ama.svg b/src/assets/featuredLogos/ama.svg new file mode 100644 index 0000000..8833a4d --- /dev/null +++ b/src/assets/featuredLogos/ama.svg @@ -0,0 +1,41 @@ + +React Native AMA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/featuredLogos/index.ts b/src/assets/featuredLogos/index.ts index 0d84161..eb2725c 100644 --- a/src/assets/featuredLogos/index.ts +++ b/src/assets/featuredLogos/index.ts @@ -18,6 +18,8 @@ import figlog from "./figlog.svg" import figlogSimple from "./figlog-simple.svg" import cloudsplice from "./cloudsplice.svg" import cloudspliceSimple from "./cloudsplice-simple.svg" +import ama from "./ama.svg" +import amaSimple from "./ama-simple.svg" export default { renature, @@ -40,4 +42,6 @@ export default { figlogSimple, cloudsplice, cloudspliceSimple, + ama, + amaSimple, } diff --git a/src/featuredProjectBadges/AMABadge.tsx b/src/featuredProjectBadges/AMABadge.tsx new file mode 100644 index 0000000..f8859d5 --- /dev/null +++ b/src/featuredProjectBadges/AMABadge.tsx @@ -0,0 +1,30 @@ +import clsx from "clsx" +import { CSSProperties, SVGProps } from "react" +import AMA from "../assets/featuredLogos/ama.svg" +import AMASimple from "../assets/featuredLogos/ama-simple.svg" +import styles from "../styles.module.css" + +type Props = SVGProps & { + className?: string + isHoverable?: boolean + style?: CSSProperties + simple?: boolean +} + +export const AMABadge = ({ + className, + style, + isHoverable = true, + simple = false, + ...rest +}: Props) => { + const Logo = simple ? AMASimple : AMA + + return ( + + ) +} diff --git a/src/featuredProjectBadges/featuredProjectBadges.stories.tsx b/src/featuredProjectBadges/featuredProjectBadges.stories.tsx index 906121e..17e8b13 100644 --- a/src/featuredProjectBadges/featuredProjectBadges.stories.tsx +++ b/src/featuredProjectBadges/featuredProjectBadges.stories.tsx @@ -1,5 +1,6 @@ import { ComponentStory } from "@storybook/react" import { + AMABadge, CloudSpliceBadge, EnvyBadge, FigLogBadge, @@ -16,6 +17,11 @@ export default { title: "FeaturedProjectBadges", } +export const AMA: ComponentStory = args => ( + +) +AMA.args = { isHoverable: true, simple: false } + export const CloudSplice: ComponentStory = args => ( ) diff --git a/src/featuredProjectBadges/index.ts b/src/featuredProjectBadges/index.ts index 540806d..eb96922 100644 --- a/src/featuredProjectBadges/index.ts +++ b/src/featuredProjectBadges/index.ts @@ -1,3 +1,4 @@ +export { AMABadge } from "./AMABadge" export { CloudSpliceBadge } from "./CloudSpliceBadge" export { EnvyBadge } from "./EnvyBadge" export { FigLogBadge } from "./FigLogBadge"