Skip to content
This repository was archived by the owner on Oct 4, 2023. It is now read-only.

Fix mobile LockedStatusBadge padding #3790

Merged
dharit-tan merged 1 commit into from
Jul 24, 2023
Merged

Fix mobile LockedStatusBadge padding #3790

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions packages/mobile/src/components/core/LockedStatusBadge.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({
root: {
backgroundColor: palette.accentBlue,
paddingHorizontal: spacing(2),
paddingVertical: 1,
Comment thread
dharit-tan marked this conversation as resolved.
Resolved
borderRadius: spacing(10),
justifyContent: 'center'
},
Expand All @@ -23,13 +24,13 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({

export type LockedStatusBadgeProps = {
locked: boolean
variant: 'purchase' | 'gated'
variant?: 'purchase' | 'gated'
}

/** Renders a small badge with locked or unlocked icon */
export const LockedStatusBadge = ({
locked,
variant
variant = 'gated'
Comment thread
dharit-tan marked this conversation as resolved.
Resolved
}: LockedStatusBadgeProps) => {
const styles = useStyles()
const staticWhite = useColor('staticWhite')
Expand Down