From cc76092cf20e74482bfb0badc7e81e0fb2bb62d7 Mon Sep 17 00:00:00 2001
From: Dessalines <dessalines@users.noreply.github.com>
Date: Tue, 21 Feb 2023 15:53:35 -0500
Subject: [PATCH] Adding a warning for deselecting the undetermined language.
 (#945)

- Fixes #930
---
 lemmy-translations                            |  2 +-
 .../components/common/language-select.tsx     | 59 ++++++++++---------
 2 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/lemmy-translations b/lemmy-translations
index 21808b45..73797162 160000
--- a/lemmy-translations
+++ b/lemmy-translations
@@ -1 +1 @@
-Subproject commit 21808b45ea3ef7fa91654d4f6738b5144da6bfe7
+Subproject commit 7379716231b9f7e67f710751c839398b7ab5d65e
diff --git a/src/shared/components/common/language-select.tsx b/src/shared/components/common/language-select.tsx
index 1182531a..d98be2e2 100644
--- a/src/shared/components/common/language-select.tsx
+++ b/src/shared/components/common/language-select.tsx
@@ -47,33 +47,38 @@ export class LanguageSelect extends Component<LanguageSelectProps, any> {
     return this.props.iconVersion ? (
       this.selectBtn
     ) : (
-      <div className="form-group row">
-        <label
-          className={classNames("col-form-label", {
-            "col-sm-3": this.props.multiple,
-            "col-sm-2": !this.props.multiple,
-          })}
-          htmlFor={this.id}
-        >
-          {i18n.t(this.props.multiple ? "language_plural" : "language")}
-        </label>
-        <div
-          className={classNames("input-group", {
-            "col-sm-9": this.props.multiple,
-            "col-sm-10": !this.props.multiple,
-          })}
-        >
-          {this.selectBtn}
-          {this.props.multiple && (
-            <div className="input-group-append">
-              <button
-                className="input-group-text"
-                onClick={linkEvent(this, this.handleDeselectAll)}
-              >
-                <Icon icon="x" />
-              </button>
-            </div>
-          )}
+      <div>
+        <div className="alert alert-warning" role="alert">
+          {i18n.t("undetermined_language_warning")}
+        </div>
+        <div className="form-group row">
+          <label
+            className={classNames("col-form-label", {
+              "col-sm-3": this.props.multiple,
+              "col-sm-2": !this.props.multiple,
+            })}
+            htmlFor={this.id}
+          >
+            {i18n.t(this.props.multiple ? "language_plural" : "language")}
+          </label>
+          <div
+            className={classNames("input-group", {
+              "col-sm-9": this.props.multiple,
+              "col-sm-10": !this.props.multiple,
+            })}
+          >
+            {this.selectBtn}
+            {this.props.multiple && (
+              <div className="input-group-append">
+                <button
+                  className="input-group-text"
+                  onClick={linkEvent(this, this.handleDeselectAll)}
+                >
+                  <Icon icon="x" />
+                </button>
+              </div>
+            )}
+          </div>
         </div>
       </div>
     );