diff --git a/src/components/common/LocaleChanger.vue b/src/components/common/LocaleChanger.vue
index 150b57780..190da86b0 100644
--- a/src/components/common/LocaleChanger.vue
+++ b/src/components/common/LocaleChanger.vue
@@ -1,47 +1,49 @@
-
-
-
-
-
+
+
+
+
+
@@ -55,7 +57,7 @@ export default defineComponent({
.select-language {
background: #d3d6dc;
color: $navy-1;
- width: 95px;
+ width: 100%;
height: 36px;
padding-left: 15px;
appearance: none;
@@ -72,14 +74,22 @@ export default defineComponent({
background: #fff;
}
}
+
-.body--dark {
- .select-language {
- background: #9d9ccc;
- color: black;
- }
- .icon--select {
- color: black;
- }
+
diff --git a/src/components/sidenav/SidebarDesktop.vue b/src/components/sidenav/SidebarDesktop.vue
index fdd64d5c7..7b65efe04 100644
--- a/src/components/sidenav/SidebarDesktop.vue
+++ b/src/components/sidenav/SidebarDesktop.vue
@@ -91,15 +91,22 @@
+
@@ -109,26 +116,23 @@ import { defineComponent, ref, computed } from 'vue';
import { useStore } from 'src/store';
import { useSidebar } from 'src/hooks';
import { providerEndpoints, endpointKey } from 'src/config/chainEndpoints';
-import LocaleChanger from '../common/LocaleChanger.vue';
-import SocialMediaLinks from '../common/SocialMediaLinks.vue';
-import LightDarkMode from '../common/LightDarkMode.vue';
import Logo from '../common/Logo.vue';
import { useRouter } from 'vue-router';
import { Path as RoutePath } from 'src/router/routes';
-import IconSideNft from './components/IconSideNFT.vue';
import IconEcosystem from './components/IconEcosystem.vue';
import Balloon from './components/Balloon.vue';
+import SidebarOptionDesktop from './SidebarOptionDesktop.vue';
import { decentralizedOrigin } from 'src/links';
+import { socialUrl } from 'src/links';
+import IconSideNft from './components/IconSideNFT.vue';
export default defineComponent({
components: {
- SocialMediaLinks,
- LightDarkMode,
- LocaleChanger,
Logo,
- IconSideNft,
IconEcosystem,
Balloon,
+ SidebarOptionDesktop,
+ IconSideNft,
},
setup() {
const { isOpen } = useSidebar();
@@ -141,6 +145,7 @@ export default defineComponent({
const router = useRouter();
const path = computed(() => router.currentRoute.value.path.split('/')[2]);
+ console.log(path.value);
const hoverNFT = ref(false);
const isDecentralized = computed(() => {
@@ -170,6 +175,7 @@ export default defineComponent({
RoutePath,
hoverNFT,
isDecentralized,
+ socialUrl,
};
},
});
diff --git a/src/components/sidenav/SidebarMobile.vue b/src/components/sidenav/SidebarMobile.vue
index 5ec630647..9e412c801 100644
--- a/src/components/sidenav/SidebarMobile.vue
+++ b/src/components/sidenav/SidebarMobile.vue
@@ -1,3 +1,4 @@
+