From 26aa91e0c1f8c6ea280981e9ad0c5b4bf7d87779 Mon Sep 17 00:00:00 2001
From: Alex <dev@alexandrelion.com>
Date: Fri, 7 Jun 2024 15:04:02 +0200
Subject: [PATCH] Add dutch to settings

---
 .github/workflows/elixir.yml                          | 6 +++---
 CHANGELOG.md                                          | 4 ++++
 README.md                                             | 2 +-
 assets/js/app.js                                      | 5 ++++-
 lib/claper_web/live/user_settings_live/show.html.heex | 3 ++-
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/elixir.yml b/.github/workflows/elixir.yml
index f02bc34b..47a2dbf9 100644
--- a/.github/workflows/elixir.yml
+++ b/.github/workflows/elixir.yml
@@ -37,13 +37,13 @@ jobs:
       BASE_URL: http://localhost:4000
 
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
       with:
         fetch-depth: 0
     - name: Set up Elixir
-      uses: erlef/setup-beam@988e02bfe678367a02564f65ca2e37726dc0268f
+      uses: erlef/setup-beam@v1
       with:
-        elixir-version: '1.15.4'
+        elixir-version: '1.16.2'
         otp-version: '26'
     - name: Restore dependencies cache
       uses: actions/cache@v3
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ba038b7f..0142829d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 ## v2.0.1
 
+# Features
+
+- Add Dutch translation #91 (@robinaartsma)
+
 ### Fixes and improvements
 
 - Fix responsive layout on dashboard
diff --git a/README.md b/README.md
index 54d99d2a..d5b78221 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@ Claper has a two-sided mission:
 - The first one is to help these people presenting an idea or a message by giving them the opportunity to make their presentation unique and to have real-time feedback from their audience.
 - The second one is to help each participant to take their place, to be an actor in the presentation, in the meeting and to feel important and useful.
 
-Supported languages: 🇬🇧 English, 🇫🇷 French, 🇩🇪 German, 🇪🇸 Spanish
+Supported languages: 🇬🇧 English, 🇫🇷 French, 🇩🇪 German, 🇪🇸 Spanish, 🇳🇱 Dutch
 
 ### Built With
 
diff --git a/assets/js/app.js b/assets/js/app.js
index a011769a..f47fc0b7 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -11,9 +11,11 @@ import airdatepickerLocaleEn from "air-datepicker/locale/en";
 import airdatepickerLocaleFr from "air-datepicker/locale/fr";
 import airdatepickerLocaleDe from "air-datepicker/locale/de";
 import airdatepickerLocaleEs from "air-datepicker/locale/es";
+import airdatepickerLocaleNl from "air-datepicker/locale/nl";
 import "moment/locale/de";
 import "moment/locale/fr";
 import "moment/locale/es";
+import "moment/locale/nl";
 import QRCodeStyling from "qr-code-styling";
 import { Presenter } from "./presenter";
 import { Manager } from "./manager";
@@ -21,7 +23,7 @@ import Split from "split-grid";
 import { TourGuideClient } from "@sjmc11/tourguidejs/src/Tour";
 window.moment = moment;
 
-const supportedLocales = ["en", "fr", "de", "es"];
+const supportedLocales = ["en", "fr", "de", "es", "nl"];
 
 var locale =
   document.querySelector("html").getAttribute("lang") ||
@@ -41,6 +43,7 @@ let airdatepickerLocale = {
   fr: airdatepickerLocaleFr,
   de: airdatepickerLocaleDe,
   es: airdatepickerLocaleEs,
+  nl: airdatepickerLocaleNl,
 };
 let csrfToken = document
   .querySelector("meta[name='csrf-token']")
diff --git a/lib/claper_web/live/user_settings_live/show.html.heex b/lib/claper_web/live/user_settings_live/show.html.heex
index 1487dbc7..cf412518 100644
--- a/lib/claper_web/live/user_settings_live/show.html.heex
+++ b/lib/claper_web/live/user_settings_live/show.html.heex
@@ -149,10 +149,11 @@
                   form={f}
                   fieldClass="!w-auto"
                   array={[
+                    {"Deutsch", "de"},
                     {"English", "en"},
                     {"Español", "es"},
                     {"Français", "fr"},
-                    {"German", "de"}
+                    {"Nederlands", "nl"}
                   ]}
                   key={:locale}
                   name={gettext("Language")}