From d6f3305969dacda423114456f8f3c71fafbe8270 Mon Sep 17 00:00:00 2001
From: Pavana HA <pavanhapavan@gmail.com>
Date: Wed, 9 Oct 2024 15:04:21 +0000
Subject: [PATCH] [797] Code refactor

---
 frontend/src/components/SpeciesSection.jsx | 28 ++++------------------
 frontend/src/locale/en.json                |  4 +---
 2 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/SpeciesSection.jsx b/frontend/src/components/SpeciesSection.jsx
index 39ce2b8946..c4c95bd000 100644
--- a/frontend/src/components/SpeciesSection.jsx
+++ b/frontend/src/components/SpeciesSection.jsx
@@ -18,9 +18,7 @@ export default function SpeciesSection({ species, setSpecies, isValidForm }) {
     <div>
       <h4>
         <FormattedMessage id="SPECIES" />
-        <span style={{ color: "red" }}>
-          <FormattedMessage id="REQUIRED_ASTERISK" />
-        </span>
+        <span style={{ color: "red" }}> *</span>
       </h4>
       <p>
         <FormattedMessage id="SPECIES_REQUIRED_IA_WARNING" />
@@ -29,17 +27,9 @@ export default function SpeciesSection({ species, setSpecies, isValidForm }) {
       <Form.Group>
         <Form.Label>
           <FormattedMessage id="SPECIES" />
-          <span style={{ color: "red" }}>
-            <FormattedMessage id="REQUIRED_ASTERISK" />
-          </span>
+          <span style={{ color: "red" }}> *</span>
         </Form.Label>
-        <div
-          style={{
-            position: "relative",
-            display: "inline-block",
-            width: "100%",
-          }}
-        >
+        <div className="position-relative d-inline-block w-100">
           <Form.Control
             as="select"
             required="true"
@@ -59,16 +49,8 @@ export default function SpeciesSection({ species, setSpecies, isValidForm }) {
           </Form.Control>
 
           <i
-            className="bi bi bi-chevron-down"
-            style={{
-              position: "absolute",
-              right: "10px",
-              top: "50%",
-              transform: "translateY(-50%)",
-              pointerEvents: "none",
-              fontSize: "1em",
-              color: "#6c757d",
-            }}
+            className="bi bi-chevron-down position-absolute top-50 translate-middle-y text-secondary"
+            style={{ right: "10px", pointerEvents: "none" }}
           ></i>
         </div>
         {!isValidForm && !species && (
diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index befc06b6a2..f39b194ad5 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -287,7 +287,5 @@
     "EMPTY_REQUIRED_FIELD": "Empty Required Field",
     "IMAGES_REQUIRED_ANON_WARNING": "Images are required for anonymous submission. Add images or sign in.",
     "CONTACT_OTHERS": "For others",
-    "EMPTY_REQUIRED_WARNING": "This field cannot be empty",
-    "REQUIRED_ASTERISK": " *",
-    "UNKNOWN": "Unknown"
+    "EMPTY_REQUIRED_WARNING": "This field cannot be empty"
 }
\ No newline at end of file