Prefer arrow functions and callbacks (#1210)

src/components/LanguageList.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import * as i18n from "../i18n";
 
-export function LanguageList({
+export const LanguageList = ({
   onChange,
   languages = i18n.languages,
   currentLanguage = i18n.getLanguage().lng,
@@ -11,23 +11,21 @@ export function LanguageList({
   onChange: (value: string) => void;
   currentLanguage?: string;
   floating?: boolean;
-}) {
-  return (
-    <React.Fragment>
-      <select
-        className={`dropdown-select dropdown-select__language${
-          floating ? " dropdown-select--floating" : ""
-        }`}
-        onChange={({ target }) => onChange(target.value)}
-        value={currentLanguage}
-        aria-label={i18n.t("buttons.selectLanguage")}
-      >
-        {languages.map((language) => (
-          <option key={language.lng} value={language.lng}>
-            {language.label}
-          </option>
-        ))}
-      </select>
-    </React.Fragment>
-  );
-}
+}) => (
+  <React.Fragment>
+    <select
+      className={`dropdown-select dropdown-select__language${
+        floating ? " dropdown-select--floating" : ""
+      }`}
+      onChange={({ target }) => onChange(target.value)}
+      value={currentLanguage}
+      aria-label={i18n.t("buttons.selectLanguage")}
+    >
+      {languages.map((language) => (
+        <option key={language.lng} value={language.lng}>
+          {language.label}
+        </option>
+      ))}
+    </select>
+  </React.Fragment>
+);