From 80b0dc689567f396b77a4be47681d3fc4e05b85f Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Tue, 23 Apr 2024 20:55:43 +0800
Subject: [PATCH] adjustment: removed autocomplete from RotationInputForm

---
 .../CreateRotationForm/CreateRotationForm.tsx   |  5 +----
 .../steps/RotationInputForm.tsx                 | 17 +++--------------
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/frontend/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx b/frontend/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx
index 23901136c..cdaeb32c4 100644
--- a/frontend/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx
+++ b/frontend/src/views/SecretRotationPage/components/CreateRotationForm/CreateRotationForm.tsx
@@ -102,8 +102,7 @@ export const CreateRotationForm = ({
           ))}
         </Stepper>
         <AnimatePresence exitBeforeEnter>
-          {/* TODO: Check this before merge */}
-          {wizardStep === 0 && wizardData.current.output && (
+          {wizardStep === 0 && (
             <motion.div
               key="input-step"
               transition={{ duration: 0.1 }}
@@ -118,8 +117,6 @@ export const CreateRotationForm = ({
                   setWizardStep((state) => state + 1);
                 }}
                 inputSchema={provider.template?.inputs || {}}
-                secretPath={wizardData.current.output.secretPath}
-                environment={wizardData.current.output.environment}
               />
             </motion.div>
           )}
diff --git a/frontend/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx b/frontend/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx
index 0a570b89a..3b336a750 100644
--- a/frontend/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx
+++ b/frontend/src/views/SecretRotationPage/components/CreateRotationForm/steps/RotationInputForm.tsx
@@ -4,8 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
-import { Button, FormControl, FormLabel, Tooltip } from "@app/components/v2";
-import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput/InfisicalSecretInput";
+import { Button, FormControl, FormLabel, SecretInput, Tooltip } from "@app/components/v2";
 
 type Props = {
   onSubmit: (data: Record<string, string>) => void;
@@ -14,19 +13,11 @@ type Props = {
     properties: Record<string, { type: string; desc?: string; default?: string }>;
     required: string[];
   };
-  secretPath: string;
-  environment: string;
 };
 
 const formSchema = z.record(z.string().trim().optional());
 
-export const RotationInputForm = ({
-  onSubmit,
-  onCancel,
-  inputSchema,
-  secretPath,
-  environment
-}: Props) => {
+export const RotationInputForm = ({ onSubmit, onCancel, inputSchema }: Props) => {
   const {
     control,
     handleSubmit,
@@ -65,12 +56,10 @@ export const RotationInputForm = ({
                 </div>
               }
             >
-              <InfisicalSecretInput
+              <SecretInput
                 {...field}
                 containerClassName="normal-case text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-bunker-800  px-2 py-1.5"
                 required={inputSchema.required.includes(inputName)}
-                secretPath={secretPath}
-                environment={environment}
               />
             </FormControl>
           )}