NotificationsYou must be signed in to change notification settings
Fork928
Star10.1k

Commitc9876bf

committed

Add premium badge

1 parentc9bd93d commitc9876bfCopy full SHA for c9876bf

File tree

2 files changed

+27

-3

lines changed

site/src/components
- Badges
  - Badges.tsx
- Paywall
  - PopoverPaywall.tsx

2 files changed

+27

-3

lines changed

`‎site/src/components/Badges/Badges.tsx`

Lines changed: 17 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -123,6 +123,23 @@ export const EnterpriseBadge: FC = () => {`
`123`	`123`	`);`
`124`	`124`	`};`
`125`	`125`
	`126`	`+exportconstPremiumBadge:FC=()=>{`
	`127`	`+return(`
	`128`	`+<span`
	`129`	`+css={[`
	`130`	`+styles.badge,`
	`131`	`+(theme)=>({`
	`132`	`+backgroundColor:theme.roles.info.background,`
	`133`	+border:`1px solid${theme.roles.info.outline}`,
	`134`	`+color:theme.roles.info.text,`
	`135`	`+}),`
	`136`	`+]}`
	`137`	`+>`
	`138`	`+ Premium`
	`139`	`+</span>`
	`140`	`+);`
	`141`	`+};`
	`142`	`+`
`126`	`143`	`exportconstPreviewBadge:FC=()=>{`
`127`	`144`	`return(`
`128`	`145`	`<span`

`‎site/src/components/Paywall/PopoverPaywall.tsx`

Lines changed: 10 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,27 +3,29 @@ import TaskAltIcon from "@mui/icons-material/TaskAlt";`
`3`	`3`	`importButtonfrom"@mui/material/Button";`
`4`	`4`	`importLinkfrom"@mui/material/Link";`
`5`	`5`	`importtype{FC,ReactNode}from"react";`
`6`		`-import{EnterpriseBadge}from"components/Badges/Badges";`
	`6`	`+import{EnterpriseBadge,PremiumBadge}from"components/Badges/Badges";`
`7`	`7`	`import{Stack}from"components/Stack/Stack";`
`8`	`8`	`import{docs}from"utils/docs";`
`9`	`9`
`10`	`10`	`exportinterfacePopoverPaywallProps{`
`11`	`11`	`message:string;`
`12`	`12`	`description?:ReactNode;`
`13`	`13`	`documentationLink?:string;`
	`14`	`+licenseType?:"enterprise"\|"premium";`
`14`	`15`	`}`
`15`	`16`
`16`	`17`	`exportconstPopoverPaywall:FC<PopoverPaywallProps>=({`
`17`	`18`	`message,`
`18`	`19`	`description,`
`19`	`20`	`documentationLink,`
	`21`	`+ licenseType="enterprise",`
`20`	`22`	`})=>{`
`21`	`23`	`return(`
`22`	`24`	`<divcss={styles.root}>`
`23`	`25`	`<div>`
`24`	`26`	`<Stackdirection="row"alignItems="center"css={{marginBottom:18}}>`
`25`	`27`	`<h5css={styles.title}>{message}</h5>`
`26`		`-<EnterpriseBadge/>`
	`28`	`+{licenseType==="premium" ?<PremiumBadge/> :<EnterpriseBadge/>}`
`27`	`29`	`</Stack>`
`28`	`30`
`29`	`31`	`{description&&<pcss={styles.description}>{description}</p>}`
`@@ -51,6 +53,11 @@ export const PopoverPaywall: FC<PopoverPaywallProps> = ({`
`51`	`53`	`<licss={styles.feature}>`
`52`	`54`	`<FeatureIcon/> Audit logs`
`53`	`55`	`</li>`
	`56`	`+{licenseType==="premium"&&(`
	`57`	`+<licss={styles.feature}>`
	`58`	`+<FeatureIcon/> Organizations`
	`59`	`+</li>`
	`60`	`+)}`
`54`	`61`	`</ul>`
`55`	`62`	`<Button`
`56`	`63`	`href={docs("/enterprise")}`
`@@ -60,7 +67,7 @@ export const PopoverPaywall: FC<PopoverPaywallProps> = ({`
`60`	`67`	`variant="outlined"`
`61`	`68`	`color="neutral"`
`62`	`69`	`>`
`63`		`- Learn about Enterprise`
	`70`	`+ Learn about{licenseType==="premium" ?"Premium" :"Enterprise"}`
`64`	`71`	`</Button>`
`65`	`72`	`</Stack>`
`66`	`73`	`</div>`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commitc9876bf

File tree

2 files changed

2 files changed

`‎site/src/components/Badges/Badges.tsx`

`‎site/src/components/Paywall/PopoverPaywall.tsx`

0 commit comments