refactor(web): rename the Terraform template generating pending message to Wait...

Author: MiladSadeghi

web/src/pages/terraform-template/ARGOCD/argocd.tsx

@@ -70,9 +70,9 @@ const Argocd: FC = () => {
 
   return (
     <form onSubmit={handleForm} className="w-full max-w-96">
-      <div className="rounded-md border border-gray-500">
+      <div className="border border-gray-500 rounded-md">
         <div className="divide-y divide-gray-500">
-          <div className="flex w-full items-center justify-between px-3 py-3">
+          <div className="flex items-center justify-between w-full px-3 py-3">
             <p>Argo Application</p>
             <input
               type="checkbox"
@@ -92,7 +92,7 @@ const Argocd: FC = () => {
             )}
           >
             <div
-              className="flex cursor-pointer items-center justify-between py-3 pl-10 pr-3"
+              className="flex items-center justify-between py-3 pl-10 pr-3 cursor-pointer"
               onClick={() => handleDropdown('sync_policy')}
             >
               <p>Sync Policy</p>
@@ -134,7 +134,7 @@ const Argocd: FC = () => {
               </div>
             </div>
           </div>
-          <div className="flex w-full items-center justify-between px-3 py-3">
+          <div className="flex items-center justify-between w-full px-3 py-3">
             <p>Argocd Repository</p>
             <input
               type="checkbox"
@@ -145,7 +145,7 @@ const Argocd: FC = () => {
               onChange={() => handleServices('argocd_repository')}
             />
           </div>
-          <div className="flex w-full items-center justify-between px-3 py-3">
+          <div className="flex items-center justify-between w-full px-3 py-3">
             <p>Application Depends Repository</p>
             <input
               type="checkbox"
@@ -161,12 +161,12 @@ const Argocd: FC = () => {
       <button
         type="submit"
         disabled={argocdPending || downloadPending}
-        className="btn mt-3 w-full bg-orange-base text-white hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
+        className="w-full mt-3 text-white btn bg-orange-base hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
       >
         {argocdPending
-          ? 'Generate Terraform...'
+          ? 'Wait...'
           : downloadPending
-            ? 'Downloading Template...'
+            ? 'Wait...'
             : 'Generate Terraform'}
       </button>
     </form>

web/src/pages/terraform-template/Docker/docker.tsx

@@ -78,9 +78,9 @@ const Docker: FC = () => {
         className="w-full mt-3 text-white btn bg-orange-base hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
       >
         {dockerPending
-          ? 'Generate Terraform...'
+          ? 'Wait...'
           : downloadPending
-            ? 'Downloading Template...'
+            ? 'Wait...'
             : 'Generate Terraform'}
       </button>
     </form>

web/src/pages/terraform-template/EC2/ec2.tsx

@@ -101,9 +101,9 @@ const EC2 = () => {
         className="w-full mt-3 text-white btn bg-orange-base hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
       >
         {ec2Pending
-          ? 'Generate Terraform...'
+          ? 'Wait...'
           : downloadPending
-            ? 'Downloading Template...'
+            ? 'Wait...'
             : 'Generate Terraform'}
       </button>
     </form>

web/src/pages/terraform-template/IAM/iam.tsx

@@ -47,9 +47,9 @@ const IAM: FC = () => {
 
   return (
     <form onSubmit={handleForm} className="w-full max-w-96">
-      <div className="rounded-md border border-gray-500">
+      <div className="border border-gray-500 rounded-md">
         <div className="divide-y divide-gray-500">
-          <div className="flex w-full items-center justify-between px-3 py-3">
+          <div className="flex items-center justify-between w-full px-3 py-3">
             <p>IAM User</p>
             <input
               type="checkbox"
@@ -59,7 +59,7 @@ const IAM: FC = () => {
               onChange={() => handleServices('iam_user')}
             />
           </div>
-          <div className="flex w-full items-center justify-between px-3 py-3">
+          <div className="flex items-center justify-between w-full px-3 py-3">
             <p>IAM Group</p>
             <input
               type="checkbox"
@@ -74,12 +74,12 @@ const IAM: FC = () => {
       <button
         type="submit"
         disabled={iamPending || downloadPending}
-        className="btn mt-3 w-full bg-orange-base text-white hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
+        className="w-full mt-3 text-white btn bg-orange-base hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
       >
         {iamPending
-          ? 'Generate Terraform...'
+          ? 'Wait...'
           : downloadPending
-            ? 'Downloading Template...'
+            ? 'Wait...'
             : 'Generate Terraform'}
       </button>
     </form>

web/src/pages/terraform-template/S3/s3.tsx

@@ -78,9 +78,9 @@ const S3: FC = () => {
         className="w-full mt-3 text-white btn bg-orange-base hover:bg-orange-base/70 disabled:bg-orange-base/50 disabled:text-white/70"
       >
         {s3Pending
-          ? 'Generate Terraform...'
+          ? 'Wait...'
           : downloadPending
-            ? 'Downloading Template...'
+            ? 'Wait...'
             : 'Generate Terraform'}
       </button>
     </form>