From 276e1a8135a34e9ac8ab19602158fd5b89d79a93 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Mon, 20 Apr 2026 15:43:57 +0200
Subject: [PATCH] Fix empty state icon: use CalendarSearch with element opacity

Replaces Calendar with CalendarSearch for better empty-state semantics.
Uses opacity-30 on the element instead of text color opacity to avoid
visible stroke overlaps on SVG icons.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/modules/activities/components/ActivityList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/activities/components/ActivityList.vue b/src/modules/activities/components/ActivityList.vue
index 4dac127..3e31639 100644
--- a/src/modules/activities/components/ActivityList.vue
+++ b/src/modules/activities/components/ActivityList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import { Calendar } from 'lucide-vue-next'
+import { CalendarSearch } from 'lucide-vue-next'
 import ActivityCard from './ActivityCard.vue'
 import type { Activity } from '../types/activity'
 
@@ -38,7 +38,7 @@ const { t } = useI18n()
     v-else-if="activities.length === 0"
     class="flex flex-col items-center justify-center py-16 text-center"
   >
-    <Calendar class="w-16 h-16 text-muted-foreground/30 mb-4" />
+    <CalendarSearch class="w-16 h-16 text-muted-foreground opacity-30 mb-4" />
     <h3 class="text-lg font-medium text-foreground mb-1">
       {{ t('activities.noActivities') }}
     </h3>