Merge pull request #53 from osoc24/small-fixes

Add icon and profilepicture
osoc24 · Jul 23, 2024 · b4c5249 · b4c5249
2 parents 7776a37 + 60abc89
commit b4c5249
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/loama/public/favicon.ico b/loama/public/favicon.ico
diff --git a/loama/src/components/header/HeaderBase.vue b/loama/src/components/header/HeaderBase.vue
@@ -24,10 +24,12 @@ import Loama from '../../assets/loama.svg'
 import LoButton from '../LoButton.vue'
 import HeaderContextMenu from './HeaderContextMenu.vue'
 import { PhShareFat } from '@phosphor-icons/vue';
-defineProps<{
-    pfpSrc: string,
-}>()
 
+import { getProfileInfo } from "loama-controller";
+import { store } from '@/store';
+import type { Session } from '@inrupt/solid-client-authn-browser';
+
+const pfpSrc = (await getProfileInfo(store.session as Session, store.usedPod.replace(/\/$/, ''))).img;
 const isContextMenuHidden = ref(true)
 
 
@@ -85,14 +87,15 @@ nav {
     margin-left: auto;
 }
 
+img,
 svg {
     width: calc(var(--base-unit)*8);
     height: calc(var(--base-unit)*8);
 }
 
 img {
     border-radius: 100%;
-    width: calc(var(--base-unit)*8);
+    object-fit: cover;
 }
 
 img:hover {

diff --git a/loama/src/components/header/HeaderTab.vue b/loama/src/components/header/HeaderTab.vue
@@ -1,9 +1,11 @@
 <template>
-    <a :href="href" :class="{ active: active }"><slot/></a>
+    <a :href="href" :class="{ active: active }">
+        <slot />
+    </a>
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{
+defineProps<{
     href: string
     active: boolean
 }>()

diff --git a/loama/src/views/HomeView.vue b/loama/src/views/HomeView.vue
@@ -1,6 +1,6 @@
 <template>
   <Suspense>
-    <HeaderBase pfp-src="https://thispersondoesnotexist.com">
+    <HeaderBase>
       <HeaderTab href="/home" active>Files</HeaderTab>
     </HeaderBase>
   </Suspense>