From 4d01f217474e8f386e9897fc05221191ce783811 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Fri, 5 Dec 2025 21:51:45 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=8D=20Replace=20emoji=20flags=20with?=
 =?UTF-8?q?=20scalable=20SVG=20country=20flags=20across=20dashboard=20view?=
 =?UTF-8?q?s=20for=20improved=20accessibility=20and=20consistency?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/livewire/dashboard.blade.php  | 19 +++++++++++++++++--
 .../livewire/dashboard/activities.blade.php   | 12 ++++++++++--
 .../livewire/dashboard/top-meetups.blade.php  |  9 ++++++++-
 3 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index ae9f028..eab6a8b 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -93,8 +93,16 @@ class extends Component {
                             <a href="{{ route('meetups.landingpage-event', ['meetup' => $event->meetup->slug, 'event' => $event->id, 'country' => $event->meetup->city->country->code]) }}"
                                class="block hover:bg-zinc-50 dark:hover:bg-zinc-800 rounded-lg p-3 -m-3 transition-colors">
                                 <div class="flex items-start justify-between gap-3">
+                                    <flux:avatar size="xl" :src="$event->meetup->getFirstMediaUrl('logo', 'thumb')"/>
                                     <div class="flex-1">
-                                        <div class="font-medium">{{ $event->meetup->name }}</div>
+                                        <div class="flex items-center space-x-2">
+                                            <div class="font-medium">{{ $event->meetup->name }}</div>
+                                            <img
+                                                alt="{{ strtolower($event->meetup->city->country->code) }}"
+                                                src="{{ asset('vendor/blade-flags/country-'.strtolower($event->meetup->city->country->code).'.svg') }}"
+                                                width="24" height="12"
+                                            />
+                                        </div>
                                         <div class="text-sm text-zinc-500">
                                             {{ $event->meetup->city->name }}, {{ $event->meetup->city->country->name }}
                                         </div>
@@ -150,7 +158,14 @@ class extends Component {
                                         src="{{ $meetup->getFirstMedia('logo') ? $meetup->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
                                     <a href="{{ route('meetups.landingpage', ['meetup' => $meetup, 'country' => $country]) }}">
                                         <div>
-                                            <div class="font-medium">{{ $meetup->name }}</div>
+                                            <div class="flex items-center space-x-2">
+                                                <div class="font-medium">{{ $meetup->name }}</div>
+                                                <img
+                                                    alt="{{ strtolower($event->meetup->city->country->code) }}"
+                                                    src="{{ asset('vendor/blade-flags/country-'.strtolower($event->meetup->city->country->code).'.svg') }}"
+                                                    width="24" height="12"
+                                                />
+                                            </div>
                                             <div class="text-xs text-zinc-500">
                                                 {{ $meetup->city->name }}
                                             </div>
diff --git a/resources/views/livewire/dashboard/activities.blade.php b/resources/views/livewire/dashboard/activities.blade.php
index 0f39643..0df1707 100644
--- a/resources/views/livewire/dashboard/activities.blade.php
+++ b/resources/views/livewire/dashboard/activities.blade.php
@@ -72,7 +72,11 @@ class extends Component {
                                 <div class="flex-1 min-w-0">
                                     <div class="flex items-center gap-2">
                                         <flux:badge color="green" size="sm">{{ __('Neues Meetup') }}</flux:badge>
-                                        <span class="text-2xl">{{ $meetup->city->country->emoji }}</span>
+                                        <img
+                                            alt="{{ strtolower($meetup->city->country->code) }}"
+                                            src="{{ asset('vendor/blade-flags/country-'.strtolower($meetup->city->country->code).'.svg') }}"
+                                            width="24" height="12"
+                                        />
                                     </div>
                                     <div class="font-medium mt-1">{{ $meetup->name }}</div>
                                     <div class="text-xs text-zinc-500">
@@ -95,7 +99,11 @@ class extends Component {
                                 <div class="flex-1 min-w-0">
                                     <div class="flex items-center gap-2">
                                         <flux:badge color="blue" size="sm">{{ __('Neuer Termin') }}</flux:badge>
-                                        <span class="text-2xl">{{ $event->meetup->city->country->emoji }}</span>
+                                        <img
+                                            alt="{{ strtolower($event->meetup->city->country->code) }}"
+                                            src="{{ asset('vendor/blade-flags/country-'.strtolower($event->meetup->city->country->code).'.svg') }}"
+                                            width="24" height="12"
+                                        />
                                     </div>
                                     <div class="font-medium mt-1">{{ $event->meetup->name }}</div>
                                     <div class="text-xs text-zinc-500">
diff --git a/resources/views/livewire/dashboard/top-meetups.blade.php b/resources/views/livewire/dashboard/top-meetups.blade.php
index f97d51d..6d004be 100644
--- a/resources/views/livewire/dashboard/top-meetups.blade.php
+++ b/resources/views/livewire/dashboard/top-meetups.blade.php
@@ -94,7 +94,14 @@ class extends Component {
                                 src="{{ $meetup->getFirstMedia('logo') ? $meetup->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
                             <div class="flex-1">
                                 <div class="font-medium">{{ $meetup->name }}</div>
-                                <div class="text-xs text-zinc-500">{{ $meetup->users_count }} {{ __('User') }}</div>
+                                <div class="flex items-center space-x-2">
+                                    <div class="text-xs text-zinc-500">{{ $meetup->users_count }} {{ __('User') }}</div>
+                                    <img
+                                        alt="{{ strtolower($meetup->city->country->code) }}"
+                                        src="{{ asset('vendor/blade-flags/country-'.strtolower($meetup->city->country->code).'.svg') }}"
+                                        width="12" height="6"
+                                    />
+                                </div>
                             </div>
                         </div>
                         <flux:chart :value="$meetup->sparkline" class="w-[5rem] aspect-[3/1]">