From 42ffe98600821c619e5c6cac4fe4eac32a11a297 Mon Sep 17 00:00:00 2001
From: Jeffrey <jeffrey@1nteger.nl>
Date: Thu, 4 Jul 2024 14:43:04 +0200
Subject: [PATCH] add seperate header to task template

---
 layouts/template.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/layouts/template.vue b/layouts/template.vue
index 025df1bf..3f059889 100644
--- a/layouts/template.vue
+++ b/layouts/template.vue
@@ -1,6 +1,11 @@
 <template>
   <div class="fullwidth">
-    <TheHeader />
+    <div class="header">
+      <TheLogo/>
+      <div>
+        {{ userName }}@{{ permission }}
+      </div>
+    </div>
     <ModalsContainer />
     <slot />
   </div>
@@ -8,6 +13,8 @@
 
 <script setup lang="ts">
 import { ModalsContainer } from "vue-final-modal";
+const { connectWallet, isLoggedIn, userName, permission } = useEffectClient();
+
 </script>
 
 <style>
@@ -16,4 +23,12 @@ import { ModalsContainer } from "vue-final-modal";
   max-width: 100%;
   padding: 0;
 }
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 1rem 1rem;
+}
+
 </style>