From df6d9041ca69fdbbde1e51f94c74fffb970b854c Mon Sep 17 00:00:00 2001
From: Mohamed-Hacene <mohamedhacene.b@gmail.com>
Date: Mon, 12 Feb 2024 13:29:28 +0100
Subject: [PATCH] style: run format

---
 frontend/project.inlang/settings.json         | 35 +++++++-------
 .../components/SideBar/SideBarFooter.svelte   | 10 +++-
 frontend/src/lib/utils/locales.ts             | 18 +++----
 frontend/src/routes/+layout.svelte            | 21 +++++----
 .../src/routes/ParaglideJsProvider.svelte     | 47 ++++++++++---------
 5 files changed, 70 insertions(+), 61 deletions(-)

diff --git a/frontend/project.inlang/settings.json b/frontend/project.inlang/settings.json
index c94c02e02..789784649 100644
--- a/frontend/project.inlang/settings.json
+++ b/frontend/project.inlang/settings.json
@@ -1,20 +1,17 @@
 {
-  "$schema": "https://inlang.com/schema/project-settings",
-  "sourceLanguageTag": "en",
-  "languageTags": [
-    "en",
-    "fr"
-  ],
-  "modules": [
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-empty-pattern@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-identical-pattern@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-missing-translation@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-without-source@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-valid-js-identifier@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@latest/dist/index.js"
-  ],
-  "plugin.inlang.messageFormat": {
-    "pathPattern": "./messages/{languageTag}.json"
-  }
-}
\ No newline at end of file
+	"$schema": "https://inlang.com/schema/project-settings",
+	"sourceLanguageTag": "en",
+	"languageTags": ["en", "fr"],
+	"modules": [
+		"https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-empty-pattern@latest/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-identical-pattern@latest/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-missing-translation@latest/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-without-source@latest/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-valid-js-identifier@latest/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@latest/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@latest/dist/index.js"
+	],
+	"plugin.inlang.messageFormat": {
+		"pathPattern": "./messages/{languageTag}.json"
+	}
+}
diff --git a/frontend/src/lib/components/SideBar/SideBarFooter.svelte b/frontend/src/lib/components/SideBar/SideBarFooter.svelte
index 387569298..c65d48b56 100644
--- a/frontend/src/lib/components/SideBar/SideBarFooter.svelte
+++ b/frontend/src/lib/components/SideBar/SideBarFooter.svelte
@@ -65,9 +65,15 @@
 				class="unstyled cursor-pointer flex items-center gap-2 w-full px-4 py-2.5 text-left text-sm hover:bg-gray-100 disabled:text-gray-500 text-gray-800"
 				data-testid="profile-button"><i class="fa-solid fa-address-card mr-2" />My profile</a
 			>
-			<select {value} on:change={handleLocaleChange} class="border-y-white border-x-gray-100 focus:border-y-white focus:border-x-gray-100 w-full cursor-pointer block text-sm text-gray-800 bg-white focus:ring-0">
+			<select
+				{value}
+				on:change={handleLocaleChange}
+				class="border-y-white border-x-gray-100 focus:border-y-white focus:border-x-gray-100 w-full cursor-pointer block text-sm text-gray-800 bg-white focus:ring-0"
+			>
 				{#each availableLanguageTags as lang}
-					<option value={lang} selected={lang === languageTag()}>{LOCALE_MAP[lang].flag} {LOCALE_MAP[lang].name}</option>
+					<option value={lang} selected={lang === languageTag()}
+						>{LOCALE_MAP[lang].flag} {LOCALE_MAP[lang].name}</option
+					>
 				{/each}
 			</select>
 			<button
diff --git a/frontend/src/lib/utils/locales.ts b/frontend/src/lib/utils/locales.ts
index bdde989d8..3ad4abccc 100644
--- a/frontend/src/lib/utils/locales.ts
+++ b/frontend/src/lib/utils/locales.ts
@@ -1,10 +1,10 @@
 export const LOCALE_MAP = {
-    'en': {
-        'name': 'English',
-        'flag': '🇬🇧'
-    },
-    'fr': {
-        'name': 'French',
-        'flag': '🇫🇷'
-    },
-}
+	en: {
+		name: 'English',
+		flag: '🇬🇧'
+	},
+	fr: {
+		name: 'French',
+		flag: '🇫🇷'
+	}
+};
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 71eb1c623..9f55bf573 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -2,7 +2,7 @@
 	// Most of your app wide CSS should be put in this file
 	import '../app.postcss';
 
-	import ParaglideSvelte from './ParaglideJsProvider.svelte'
+	import ParaglideSvelte from './ParaglideJsProvider.svelte';
 
 	import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
 
@@ -63,13 +63,14 @@
 		deleteConfirmModal: { ref: DeleteConfirmModal }
 	};
 </script>
+
 <ParaglideJsProvider>
-<Modal components={modalRegistry} />
-<Toast />
-<slot />
-
-{#if $flash}
-	{@const bg = $flash.type == 'success' ? '#3D9970' : '#FF4136'}
-	<div style:background-color={bg} class="flash">{$flash.message}</div>
-{/if}
-</ParaglideJsProvider>
\ No newline at end of file
+	<Modal components={modalRegistry} />
+	<Toast />
+	<slot />
+
+	{#if $flash}
+		{@const bg = $flash.type == 'success' ? '#3D9970' : '#FF4136'}
+		<div style:background-color={bg} class="flash">{$flash.message}</div>
+	{/if}
+</ParaglideJsProvider>
diff --git a/frontend/src/routes/ParaglideJsProvider.svelte b/frontend/src/routes/ParaglideJsProvider.svelte
index 458965090..8e35da927 100644
--- a/frontend/src/routes/ParaglideJsProvider.svelte
+++ b/frontend/src/routes/ParaglideJsProvider.svelte
@@ -1,29 +1,34 @@
 <script>
-  import { languageTag, onSetLanguageTag, setLanguageTag, sourceLanguageTag } from '$paraglide/runtime';
-  import { onDestroy, onMount } from 'svelte';
-  import { browser } from '$app/environment';
+	import {
+		languageTag,
+		onSetLanguageTag,
+		setLanguageTag,
+		sourceLanguageTag
+	} from '$paraglide/runtime';
+	import { onDestroy, onMount } from 'svelte';
+	import { browser } from '$app/environment';
 
-  onMount(() => {
-    const valueFromSession = sessionStorage.getItem('lang') || sourceLanguageTag;
-    // @ts-ignore
-    setLanguageTag(valueFromSession);
-  })
+	onMount(() => {
+		const valueFromSession = sessionStorage.getItem('lang') || sourceLanguageTag;
+		// @ts-ignore
+		setLanguageTag(valueFromSession);
+	});
 
-  onDestroy(() => {
-    if (browser) {
-      sessionStorage.removeItem('lang');
-    }
-  })
+	onDestroy(() => {
+		if (browser) {
+			sessionStorage.removeItem('lang');
+		}
+	});
 
-  // initialize the language tag
-  $: _languageTag = languageTag;
+	// initialize the language tag
+	$: _languageTag = languageTag;
 
-  onSetLanguageTag((newLanguageTag) => {
-    // @ts-ignore
-    _languageTag = newLanguageTag;
-  });
+	onSetLanguageTag((newLanguageTag) => {
+		// @ts-ignore
+		_languageTag = newLanguageTag;
+	});
 </script>
 
 {#key _languageTag}
-  <slot></slot>
-{/key}
\ No newline at end of file
+	<slot />
+{/key}