l-min-components 1.7.1595 → 1.7.1597

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.7.1595",
+  "version": "1.7.1597",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/reportsComponents/fullAnalysis/components/Grammar.v2.jsx

@@ -5,6 +5,7 @@ import {
   GrammarHeaderContent,
   GrammarV2Content,
   GrammarV2ContentWrapper,
+  GrammarV2ContentWrapperTranslate,
   GrammarV2Correct,
   GrammarV2Feedback,
   GrammarV2FeedbackList,
@@ -226,32 +227,34 @@ const GrammarV2 = ({ Aidata, isPersonal }) => {
             {selectedSection === 2 &&
               isPersonal &&
               feedbackIssues?.length > 0 && (
-                <TranslateDropdown
-                  loading={translateLangData?.loading}
-                  onChange={async (lang) => {
-                    const code = lang?.code;
-                    if (code === "en" || !lang) {
-                      setTranslate(null);
-                      return;
-                    }
-                    const res = await handleTranslate({
-                      phrase: feedbackToTranslate,
-                      language: code,
-                    });
-                    if (res?.data) {
-                      const list = res?.data?.data?.map((item, idx) => {
-                        const text = feedbackToTranslate[idx];
-                        return {
-                          text,
-                          value: item,
-                        };
+                <GrammarV2ContentWrapperTranslate>
+                  <TranslateDropdown
+                    loading={translateLangData?.loading}
+                    onChange={async (lang) => {
+                      const code = lang?.code;
+                      if (code === "en" || !lang) {
+                        setTranslate(null);
+                        return;
+                      }
+                      const res = await handleTranslate({
+                        phrase: feedbackToTranslate,
+                        language: code,
                       });
-                      setTranslate(list);
-                    } else {
-                      setTranslate(null);
-                    }
-                  }}
-                />
+                      if (res?.data) {
+                        const list = res?.data?.data?.map((item, idx) => {
+                          const text = feedbackToTranslate[idx];
+                          return {
+                            text,
+                            value: item,
+                          };
+                        });
+                        setTranslate(list);
+                      } else {
+                        setTranslate(null);
+                      }
+                    }}
+                  />
+                </GrammarV2ContentWrapperTranslate>
               )}
             {selectedSection === 1 && selectOperation && (
               <div className="feedback_section">

package/src/components/reportsComponents/fullAnalysis/components/translateDropdown.jsx

@@ -1,8 +1,8 @@
-import React, { useContext, useState } from 'react';
-import styled from 'styled-components';
-import { FullAnalysisContext } from '..';
-import OutsideAlerter from '../../../outsideEventChecker';
-import classNames from 'classnames';
+import React, { useContext, useState } from "react";
+import styled from "styled-components";
+import { FullAnalysisContext } from "..";
+import OutsideAlerter from "../../../outsideEventChecker";
+import classNames from "classnames";
 const TranslateDropdown = ({ onChange, loading }) => {
   const { languageData } = useContext(FullAnalysisContext);
   const [selected, setSelected] = useState(null);
@@ -17,14 +17,14 @@ const TranslateDropdown = ({ onChange, loading }) => {
     >
       <Container>
         <DropdownMenu
-          className={classNames(loading && 'disabled')}
+          className={classNames(loading && "disabled")}
           onClick={() => {
             if (loading) return;
             setToggle(!toggle);
           }}
         >
-          <WordIcon />{' '}
-          {loading ? 'Please wait...' : selected?.name || 'Translate'}
+          <WordIcon />{" "}
+          {loading ? "Please wait..." : selected?.name || "Translate"}
           <Arrow />
         </DropdownMenu>
         {toggle && (
@@ -52,6 +52,8 @@ export default TranslateDropdown;
 const Container = styled.div`
   position: relative;
   width: fit-content;
+  display: flex;
+  justify-content: flex-end;
 
   min-width: 175px;
 `;