diff --git a/src/assets/svg/mp_act_lt_lock.svg b/src/assets/svg/mp_act_lt_lock.svg new file mode 100644 index 000000000..f109a832b --- /dev/null +++ b/src/assets/svg/mp_act_lt_lock.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/svg/mp_act_lt_unlock.svg b/src/assets/svg/mp_act_lt_unlock.svg new file mode 100644 index 000000000..a8e37e883 --- /dev/null +++ b/src/assets/svg/mp_act_lt_unlock.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/svg/lock.svg b/src/assets/svg/paywall.svg similarity index 100% rename from src/assets/svg/lock.svg rename to src/assets/svg/paywall.svg diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts index 20e38f13d..7c6f69e43 100644 --- a/src/components/icons/index.ts +++ b/src/components/icons/index.ts @@ -27,7 +27,7 @@ import IdentityIcon from 'src/assets/svg/mp_pm_lt_identity.svg?react' import JumpToIcon from 'src/assets/svg/mp_act_lt_jump-to.svg?react' import LightBulbIcon from 'src/assets/svg/lightbulb.svg?react' import LiveStreamIcon from 'src/assets/svg/mp_pm_lt_live-stream.svg?react' -import LockIcon from 'src/assets/svg/lock.svg?react' +import PaywallIcon from 'src/assets/svg/paywall.svg?react' import MessageQuestionIcon from 'src/assets/svg/message-question.svg?react' import MpLogoIcon from 'src/assets/svg/mpLogo.svg?react' import ObservabilityIcon from 'src/assets/svg/mp_pm_lt_observability.svg?react' @@ -55,7 +55,9 @@ import HelpVideoIcon from 'src/assets/svg/mp_info_lt_help-video.svg?react' import NextIcon from 'src/assets/svg/mp_act_lt_next.svg?react' import OpenTabIcon from 'src/assets/svg/mp_act_lt_open-tab.svg?react' import PreviousIcon from 'src/assets/svg/mp_act_lt_previous.svg?react' -import DirectoryIcon from 'src/assets/svg//mp_pm_lt_directory.svg?react' +import DirectoryIcon from 'src/assets/svg/mp_pm_lt_directory.svg?react' +import LockIcon from 'src/assets/svg/mp_act_lt_lock.svg?react' +import UnlockIcon from 'src/assets/svg/mp_act_lt_unlock.svg?react' export { AddIcon, @@ -88,7 +90,7 @@ export { JumpToIcon, LightBulbIcon, LiveStreamIcon, - LockIcon, + PaywallIcon, MessageQuestionIcon, MpLogoIcon, ObservabilityIcon, @@ -116,4 +118,6 @@ export { NextIcon, PreviousIcon, DirectoryIcon, + LockIcon, + UnlockIcon, } diff --git a/src/components/navigation/GlobalNavigation/NavigationCreate.tsx b/src/components/navigation/GlobalNavigation/NavigationCreate.tsx index 94659bb53..52b54fe00 100644 --- a/src/components/navigation/GlobalNavigation/NavigationCreate.tsx +++ b/src/components/navigation/GlobalNavigation/NavigationCreate.tsx @@ -59,7 +59,7 @@ export function NavigationCreate(props: INavigationCreateProps) { {item.title} {item.isLoading && } - {isLocked && } + {isLocked && } {item.description} @@ -93,4 +93,4 @@ export function NavigationCreate(props: INavigationCreateProps) { /> ) -} \ No newline at end of file +} diff --git a/src/constants/Icons.ts b/src/constants/Icons.ts index 98861be5b..3bc9b54be 100644 --- a/src/constants/Icons.ts +++ b/src/constants/Icons.ts @@ -28,7 +28,7 @@ import { JumpToIcon, LightBulbIcon, LiveStreamIcon, - LockIcon, + PaywallIcon, MessageQuestionIcon, MpLogoIcon, ObservabilityIcon, @@ -57,6 +57,8 @@ import { PreviousIcon, OpenTabIcon, DirectoryIcon, + LockIcon, + UnlockIcon, } from 'src/components/icons' export const Icons = { @@ -88,7 +90,7 @@ export const Icons = { jumpTo: JumpToIcon, lightBulb: LightBulbIcon, liveStream: LiveStreamIcon, - lock: LockIcon, + paywall: PaywallIcon, messageQuestion: MessageQuestionIcon, mpLogo: MpLogoIcon, observability: ObservabilityIcon, @@ -118,4 +120,6 @@ export const Icons = { previous: PreviousIcon, openTab: OpenTabIcon, directory: DirectoryIcon, + lock: LockIcon, + unlock: UnlockIcon, } as const