From 371ac1a0fa5141597d1937256f969ed934138d64 Mon Sep 17 00:00:00 2001
From: Jamal Soueidan <jamal@soueidan.com>
Date: Sun, 23 Jun 2024 22:35:26 +0200
Subject: [PATCH] fix flag for arabic

---
 app/components/filters/LanguageFilter.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/filters/LanguageFilter.tsx b/app/components/filters/LanguageFilter.tsx
index 19752083..fd8f5430 100644
--- a/app/components/filters/LanguageFilter.tsx
+++ b/app/components/filters/LanguageFilter.tsx
@@ -8,7 +8,7 @@ import {
   Text,
 } from '@mantine/core';
 import {IconFlag, IconX} from '@tabler/icons-react';
-import {DK, US} from 'country-flag-icons/react/3x2';
+import {AE, DK, US} from 'country-flag-icons/react/3x2';
 import {useTranslation} from 'react-i18next';
 import {useChangeFilter} from './useChangeFilter';
 
@@ -67,7 +67,7 @@ export function AddLanguageFilter() {
             <Flex gap="xs" align="center">
               <Checkbox.Indicator />
               <Text>{t('arabic', {ns: 'global'})}</Text>
-              <DK width={16} height={16} />
+              <AE width={16} height={16} />
             </Flex>
           </Checkbox.Card>
         </Stack>