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