fix: terminal link for dev mode

Author: xdeq

components/LeftSidebar.vue

@@ -20,6 +20,8 @@ const appStore = useAppStore()
 const nodeStore = useNodeStore()
 const modalsStore = useModalsStore()
 
+const developerMode = useCookie("developerMode", { default: () => false })
+
 const head = computed(() => appStore.lastHead)
 
 const mainLinks = reactive([
@@ -94,7 +96,7 @@ const mainLinks = reactive([
 			{
 				name: "Ecosystem",
 				path: "/stats?tab=ecosystem",
-				queryParam: {tab: "ecosystem"},
+				queryParam: { tab: "ecosystem" },
 				show: isMainnet(),
 			},
 		],
@@ -148,6 +150,7 @@ const toolsLinks = reactive([
 		path: "https://terminal.celenium.io",
 		external: true,
 		new: true,
+		hide: !developerMode.value,
 	},
 	{
 		icon: "drop",
@@ -178,6 +181,15 @@ const toolsLinks = reactive([
 	},
 ])
 
+/** TEMP */
+watch(
+	() => developerMode.value,
+	() => {
+		const terminalLinkIdx = toolsLinks.findIndex((l) => l.name === "Terminal")
+		toolsLinks[terminalLinkIdx].hide = !developerMode.value
+	},
+)
+
 const handleNavigate = (url) => {
 	window.location.replace(url)
 }
@@ -216,7 +228,7 @@ const handleOnClose = () => {
 			</Flex>
 
 			<Flex direction="column" gap="2">
-				<NavLink v-for="link in mainLinks" :link="link" @onClose="handleOnClose" />
+				<NavLink v-for="link in mainLinks.filter((l) => !l.hide)" :link="link" @onClose="handleOnClose" />
 			</Flex>
 
 			<Flex direction="column" gap="2">
@@ -231,7 +243,7 @@ const handleOnClose = () => {
 				</Flex>
 
 				<Flex v-if="!isModularLinksCollapsed" direction="column" gap="2">
-					<NavLink v-for="link in modularLinks" :link="link" @onClose="handleOnClose" />
+					<NavLink v-for="link in modularLinks.filter((l) => !l.hide)" :link="link" @onClose="handleOnClose" />
 				</Flex>
 			</Flex>
 
@@ -247,7 +259,7 @@ const handleOnClose = () => {
 				</Flex>
 
 				<Flex v-if="!isToolsLinkCollapsed" direction="column" gap="2">
-					<NavLink v-for="link in toolsLinks" :link="link" @onClose="handleOnClose" />
+					<NavLink v-for="link in toolsLinks.filter((l) => !l.hide)" :link="link" @onClose="handleOnClose" />
 				</Flex>
 			</Flex>
 

components/cmd/CommandMenu.vue

@@ -38,6 +38,7 @@ const notificationsStore = useNotificationsStore()
 
 const appConfig = useAppConfig()
 
+const developerMode = useCookie("developerMode", { default: () => false })
 const theme = useCookie("theme", { default: () => "dark" })
 const showPromoBackground = useCookie("showPromoBackground", { default: () => true })
 
@@ -60,7 +61,6 @@ const searchTerm = ref("")
 
 const bounce = ref(false)
 
-const developerMode = ref(false)
 const featurePreviewMode = ref(false)
 
 const mode = ref(null)
@@ -847,7 +847,6 @@ const rawOtherActions = [
 		subtitle: "Command",
 		runText: "Toggle",
 		callback: () => {
-			localStorage.developer = !localStorage.developer
 			developerMode.value = !developerMode.value
 
 			notificationsStore.create({
@@ -1067,7 +1066,6 @@ const handleShareCopyData = (data) => {
 }
 
 onMounted(() => {
-	developerMode.value = localStorage.developer
 	featurePreviewMode.value = localStorage.featurePreview
 
 	root = document.querySelector("html")