Added Helper support to CodeEditor

minio · Oct 22, 2024 · 3e413cd · 3e413cd
1 parent 39efcdf
commit 3e413cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/CodeEditor/CodeEditor.types.ts b/src/components/CodeEditor/CodeEditor.types.ts
@@ -29,4 +29,5 @@ export interface CodeEditorProps {
   helpTools?: React.ReactNode;
   sx?: OverrideTheme;
   horizontal?: boolean;
+  helper?: string;
 }
diff --git a/src/components/CodeEditor/index.tsx b/src/components/CodeEditor/index.tsx
@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import { FC, useMemo } from "react";
+import React, { FC, useMemo } from "react";
 import { css, useTheme } from "@emotion/react";
 import CodeEditor from "@uiw/react-textarea-code-editor";
 
@@ -25,6 +25,7 @@ import InputLabel from "../InputLabel";
 import Tooltip from "../Tooltip";
 import { codeEditorStyles } from "./CodeEditor.styles";
 import { CodeEditorProps } from "./CodeEditor.types";
+import InputHelper from "../InputHelper";
 
 const CodeMirrorWrapper: FC<CodeEditorProps> = ({
   value,
@@ -37,6 +38,7 @@ const CodeMirrorWrapper: FC<CodeEditorProps> = ({
   helpTools,
   className,
   horizontal = false,
+  helper
 }) => {
   const theme = useTheme();
 
@@ -92,6 +94,9 @@ const CodeMirrorWrapper: FC<CodeEditorProps> = ({
           />
         </Box>
       </Box>
+      {helper !== undefined && (
+        <InputHelper state={state}>{helper}</InputHelper>
+      )}
     </div>
   );
 };