From 055e3e3b9b89287b4e6568ef128858c570d8c5ba Mon Sep 17 00:00:00 2001
From: Marios Antonoudiou <m.antonoudiou@celonis.com>
Date: Thu, 9 May 2024 16:13:11 +0300
Subject: [PATCH] chore: update content

---
 components/home/been-working-with.vue |  2 +-
 components/previous-role.vue          | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/components/home/been-working-with.vue b/components/home/been-working-with.vue
index 735f736..f8ded7e 100644
--- a/components/home/been-working-with.vue
+++ b/components/home/been-working-with.vue
@@ -64,7 +64,7 @@ import PreviousRole from '../previous-role.vue';
     </PreviousRole>
 
     <PreviousRole
-      company="Commversion"
+      company="Up Hellas"
       role="Contractor Frontend Engineer"
       logo="up-logo.webp"
       href="https://uphellas.gr"
diff --git a/components/previous-role.vue b/components/previous-role.vue
index 514bb4a..6a34efe 100644
--- a/components/previous-role.vue
+++ b/components/previous-role.vue
@@ -7,6 +7,8 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+
+const [visibility, toggle] = useToggle(false);
 </script>
 
 <template>
@@ -31,10 +33,17 @@ const props = defineProps<Props>();
       >
         {{ props.company }}
       </NuxtLink>
-      <div class="mb-2 text-xs text-gray-500 uppercase font-bold">
-        {{ props.role }}
+      <div>
+        <button
+          class="mb-2 text-xs text-gray-400 uppercase font-semibold flex items-center justify-start gap-1"
+          @click="() => toggle()"
+        >
+          {{ props.role }}
+          <UIcon name="i-heroicons-chevron-down" v-if="!visibility" as="div" />
+          <UIcon name="i-heroicons-chevron-up" v-if="visibility" as="div" />
+        </button>
       </div>
-      <div class="text-sm text-gray-500">
+      <div v-if="visibility" class="text-sm text-gray-500">
         <slot />
       </div>
     </div>