From afdaeba818a22860d835b6bebc029b51ed4ef019 Mon Sep 17 00:00:00 2001
From: io53 <defragmated@gmail.com>
Date: Wed, 14 Aug 2024 22:30:30 +0300
Subject: [PATCH] changed sensor select translation keys #209

---
 src/components/SensorPicker.js | 4 ++--
 src/states/SensorCompare.js    | 4 ++--
 src/states/ShareCenter.js      | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/SensorPicker.js b/src/components/SensorPicker.js
index 09da8e6..e11cb10 100644
--- a/src/components/SensorPicker.js
+++ b/src/components/SensorPicker.js
@@ -4,7 +4,7 @@ import { MdArrowDropDown } from 'react-icons/md';
 import i18next from 'i18next';
 import { getSetting } from "../UnitHelper";
 
-export const SensorPicker = ({ sensors, canBeSelected, onSensorChange, normalStyle }) => {
+export const SensorPicker = ({ sensors, canBeSelected, onSensorChange, normalStyle, buttonText }) => {
 
     const handleSensorChange = (selectedSensor) => {
         onSensorChange(selectedSensor);
@@ -41,7 +41,7 @@ export const SensorPicker = ({ sensors, canBeSelected, onSensorChange, normalSty
                 rightIcon={<MdArrowDropDown size={26} className="buttonSideIcon" style={{}} />}
             >
                 <Box pl={1} className={normalStyle ? "ddlItemAlt" : ""}>
-                    {i18next.t("sensors")}
+                    {buttonText || i18next.t("sensors")}
                 </Box>
             </MenuButton>
             <MenuList mt="2" zIndex={10} ml={2} maxH={"800px"} overflowY={"scroll"}>
diff --git a/src/states/SensorCompare.js b/src/states/SensorCompare.js
index 9e359e3..14882c2 100644
--- a/src/states/SensorCompare.js
+++ b/src/states/SensorCompare.js
@@ -75,9 +75,9 @@ function SensorCompare(props) {
         </>
     }
 
-    const selectSensorTitle = <div style={{ marginTop: 8, paddingRight: 8, fontWeight: 800, fontFamily: "mulish" }}>{i18next.t("select_sensor")}</div>
+    const selectSensorTitle = <div style={{ marginTop: 8, paddingRight: 8, fontWeight: 800, fontFamily: "mulish" }}>{i18next.t("sensors_select_label")}</div>
     const selectSensor = <>
-        <SensorPicker sensors={sensors} canBeSelected={canBeSelected} onSensorChange={s => setSelectedSensors([...selectedSensors, s])} />
+        <SensorPicker sensors={sensors} canBeSelected={canBeSelected} buttonText={i18next.t("sensors_select_button")} onSensorChange={s => setSelectedSensors([...selectedSensors, s])} />
         <Flex gap='2' wrap="wrap" mt={3} mb={3}>
             {selectedSensors.map((sensor, index) => (
                 <Box key={index}>
diff --git a/src/states/ShareCenter.js b/src/states/ShareCenter.js
index 48732fb..fe3cf4f 100644
--- a/src/states/ShareCenter.js
+++ b/src/states/ShareCenter.js
@@ -125,9 +125,9 @@ const ShareCenter = () => {
     let sensorsThatCanBeShared = mySensors.filter(x => x.sharedTo.length < pjson.settings.maxSharesPerSensor)
     sensorsThatCanBeShared = sensorsThatCanBeShared.filter(sensor => !selectedSensors.includes(sensor.sensor));
 
-    const selectSensorTitle = <div style={{ marginTop: 8, paddingRight: 8, fontWeight: 800, fontFamily: "mulish" }}>{i18next.t("select_sensor")}</div>
+    const selectSensorTitle = <div style={{ marginTop: 8, paddingRight: 8, fontWeight: 800, fontFamily: "mulish" }}>{i18next.t("sensors_select_label")}</div>
     const selectSensor = <>
-        <SensorPicker sensors={mySensors} canBeSelected={sensorsThatCanBeShared} onSensorChange={s => setSelectedSensors([...selectedSensors, s])} />
+        <SensorPicker sensors={mySensors} canBeSelected={sensorsThatCanBeShared} buttonText={i18next.t("sensors_select_button")} onSensorChange={s => setSelectedSensors([...selectedSensors, s])} />
         <Flex gap='2' wrap="wrap" mt={3} mb={3}>
             {selectedSensors.map((sensor, index) => (
                 <Box key={index}>