diff --git a/public/js/bundle.js b/public/js/bundle.js
index 8325118..12ed76e 100644
--- a/public/js/bundle.js
+++ b/public/js/bundle.js
@@ -16041,15 +16041,12 @@ var script$3 = defineComponent({
 	setup(props, ctx) {
 		const state = reactive({
 			activeTablink: 'home',
-			updateAvailable: false,
 			links
 		});
 		const { THEMES, currentTheme } = useTheme();
 
 		/* === Add update notification near info === */
-		socket.on('updateAvailable', () => {
-			state.updateAvailable = true;
-		});
+		const updateAvailable = computed(() => ctx.root.$store.state.appInfo.updateAvailable);
 
 		ctx.root.$router.afterEach((to, from) => {
 			const linkInSidebar = state.links.find(link => link.routerName === to.name);
@@ -16061,6 +16058,7 @@ var script$3 = defineComponent({
 
 		return {
 			...toRefs(state),
+			updateAvailable,
 			THEMES,
 			currentTheme,
 			isSlim: computed(() => ctx.root.$store.getters.getSlimSidebar),
@@ -16201,11 +16199,11 @@ __vue_render__$4._withStripped = true;
   /* style */
   const __vue_inject_styles__$4 = function (inject) {
     if (!inject) return
-    inject("data-v-08f6125e_0", { source: ".deemix-icon-container[data-v-08f6125e] {\n  display: grid;\n  place-content: center;\n}\n.slim-sidebar .deemix-icon-container[data-v-08f6125e] {\n    margin: 0.5rem 0;\n}\n.slim-sidebar .deemix-icon-container[data-v-08f6125e] svg {\n      height: 30px;\n}\n.deemix-icon-container[data-v-08f6125e] svg {\n    height: 75px;\n}\n#update-notification[data-v-08f6125e] {\n  top: 12px;\n  left: 30px;\n}\n.theme_toggler[data-v-08f6125e] {\n  transition: border 200ms ease-in-out;\n}\n.theme_toggler--active[data-v-08f6125e] {\n    border-width: 3px;\n}\n.theme_toggler--light[data-v-08f6125e] {\n    background-color: #fff;\n}\n.theme_toggler--dark[data-v-08f6125e] {\n    background-color: #141414;\n}\n.theme_toggler--purple[data-v-08f6125e] {\n    background: #460eaf;\n}\n\n/*# sourceMappingURL=TheSidebar.vue.map */", map: {"version":3,"sources":["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui\\src\\components\\TheSidebar.vue","TheSidebar.vue"],"names":[],"mappings":"AAoEA;EACA,aAAA;EACA,qBAAA;AAAA;AAEA;IACA,gBAAA;AAAA;AADA;MAIA,YAAA;AAAA;AARA;IAaA,YAAA;AAAA;AAIA;EACA,SAAA;EACA,UAAA;AAAA;AAGA;EACA,oCAAA;AAAA;AAEA;IACA,iBAAA;AAAA;AAGA;IACA,sBAAA;AAAA;AAGA;IACA,yBAAA;AAAA;AAGA;IACA,mBAAA;AAAA;;ACjFA,yCAAyC","file":"TheSidebar.vue","sourcesContent":[null,".deemix-icon-container {\n  display: grid;\n  place-content: center; }\n  .slim-sidebar .deemix-icon-container {\n    margin: 0.5rem 0; }\n    .slim-sidebar .deemix-icon-container::v-deep svg {\n      height: 30px; }\n  .deemix-icon-container::v-deep svg {\n    height: 75px; }\n\n#update-notification {\n  top: 12px;\n  left: 30px; }\n\n.theme_toggler {\n  transition: border 200ms ease-in-out; }\n  .theme_toggler--active {\n    border-width: 3px; }\n  .theme_toggler--light {\n    background-color: #fff; }\n  .theme_toggler--dark {\n    background-color: #141414; }\n  .theme_toggler--purple {\n    background: #460eaf; }\n\n/*# sourceMappingURL=TheSidebar.vue.map */"]}, media: undefined });
+    inject("data-v-4d522fb6_0", { source: ".deemix-icon-container[data-v-4d522fb6] {\n  display: grid;\n  place-content: center;\n}\n.slim-sidebar .deemix-icon-container[data-v-4d522fb6] {\n    margin: 0.5rem 0;\n}\n.slim-sidebar .deemix-icon-container[data-v-4d522fb6] svg {\n      height: 30px;\n}\n.deemix-icon-container[data-v-4d522fb6] svg {\n    height: 75px;\n}\n#update-notification[data-v-4d522fb6] {\n  top: 12px;\n  left: 30px;\n}\n.theme_toggler[data-v-4d522fb6] {\n  transition: border 200ms ease-in-out;\n}\n.theme_toggler--active[data-v-4d522fb6] {\n    border-width: 3px;\n}\n.theme_toggler--light[data-v-4d522fb6] {\n    background-color: #fff;\n}\n.theme_toggler--dark[data-v-4d522fb6] {\n    background-color: #141414;\n}\n.theme_toggler--purple[data-v-4d522fb6] {\n    background: #460eaf;\n}\n\n/*# sourceMappingURL=TheSidebar.vue.map */", map: {"version":3,"sources":["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb-gitrip\\webui\\src\\components\\TheSidebar.vue","TheSidebar.vue"],"names":[],"mappings":"AAoEA;EACA,aAAA;EACA,qBAAA;AAAA;AAEA;IACA,gBAAA;AAAA;AADA;MAIA,YAAA;AAAA;AARA;IAaA,YAAA;AAAA;AAIA;EACA,SAAA;EACA,UAAA;AAAA;AAGA;EACA,oCAAA;AAAA;AAEA;IACA,iBAAA;AAAA;AAGA;IACA,sBAAA;AAAA;AAGA;IACA,yBAAA;AAAA;AAGA;IACA,mBAAA;AAAA;;ACjFA,yCAAyC","file":"TheSidebar.vue","sourcesContent":[null,".deemix-icon-container {\n  display: grid;\n  place-content: center; }\n  .slim-sidebar .deemix-icon-container {\n    margin: 0.5rem 0; }\n    .slim-sidebar .deemix-icon-container::v-deep svg {\n      height: 30px; }\n  .deemix-icon-container::v-deep svg {\n    height: 75px; }\n\n#update-notification {\n  top: 12px;\n  left: 30px; }\n\n.theme_toggler {\n  transition: border 200ms ease-in-out; }\n  .theme_toggler--active {\n    border-width: 3px; }\n  .theme_toggler--light {\n    background-color: #fff; }\n  .theme_toggler--dark {\n    background-color: #141414; }\n  .theme_toggler--purple {\n    background: #460eaf; }\n\n/*# sourceMappingURL=TheSidebar.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$4 = "data-v-08f6125e";
+  const __vue_scope_id__$4 = "data-v-4d522fb6";
   /* module identifier */
   const __vue_module_identifier__$3 = undefined;
   /* functional template */
diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue
index 0641260..2f0d12f 100644
--- a/src/components/TheSidebar.vue
+++ b/src/components/TheSidebar.vue
@@ -113,23 +113,20 @@
 import { computed, defineComponent, reactive, toRefs } from '@vue/composition-api'
 
 import { links } from '@/data/sidebar'
-import { socket } from '@/utils/socket'
 import { useTheme } from '@/use/theme'
+
 import deemixIcon from '@/assets/deemix-icon.svg'
 
 export default defineComponent({
 	setup(props, ctx) {
 		const state = reactive({
 			activeTablink: 'home',
-			updateAvailable: false,
 			links
 		})
 		const { THEMES, currentTheme } = useTheme()
 
 		/* === Add update notification near info === */
-		socket.on('updateAvailable', () => {
-			state.updateAvailable = true
-		})
+		const updateAvailable = computed(() => ctx.root.$store.state.appInfo.updateAvailable)
 
 		ctx.root.$router.afterEach((to, from) => {
 			const linkInSidebar = state.links.find(link => link.routerName === to.name)
@@ -141,6 +138,7 @@ export default defineComponent({
 
 		return {
 			...toRefs(state),
+			updateAvailable,
 			THEMES,
 			currentTheme,
 			isSlim: computed(() => ctx.root.$store.getters.getSlimSidebar),