fix(web): Resolve terraform template downloaded file name issue

Author: MiladSadeghi

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

@@ -13,8 +13,8 @@ const Docker: FC = () => {
   >(TerraformTemplateAPI.Docker, 'docker');
   const { download, isPending: downloadPending } = useDownload({
     folderName: 'MyTerraform',
-    source: 'iam',
-    downloadFileName: 'Iam',
+    source: 'docker',
+    downloadFileName: 'Docker',
   });
 
   const [services, setServices] = useState({
@@ -47,9 +47,9 @@ const Docker: 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>Key Pair</p>
             <input
               type="checkbox"
@@ -59,7 +59,7 @@ const Docker: FC = () => {
               onChange={() => handleServices('docker_image')}
             />
           </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>Security Group</p>
             <input
               type="checkbox"
@@ -75,7 +75,7 @@ const Docker: FC = () => {
       <button
         type="submit"
         disabled={dockerPending || 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"
       >
         {dockerPending
           ? 'Generate Terraform...'

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

@@ -13,8 +13,8 @@ const EC2 = () => {
   >(TerraformTemplateAPI.EC2, 'ec2');
   const { download, isPending: downloadPending } = useDownload({
     folderName: 'MyTerraform',
-    source: 'iam',
-    downloadFileName: 'Iam',
+    source: 'ec2',
+    downloadFileName: 'EC2',
   });
 
   const [services, setServices] = useState({
@@ -49,9 +49,9 @@ const EC2 = () => {
 
   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>Key Pair</p>
             <input
               type="checkbox"
@@ -61,7 +61,7 @@ const EC2 = () => {
               onChange={() => handleServices('key_pair')}
             />
           </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>Security Group</p>
             <input
               type="checkbox"
@@ -72,7 +72,7 @@ const EC2 = () => {
               onChange={() => handleServices('security_group')}
             />
           </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>AWS Instance</p>
             <input
               type="checkbox"
@@ -82,7 +82,7 @@ const EC2 = () => {
               onChange={() => handleServices('aws_instance')}
             />
           </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>AMI From Instance</p>
             <input
               type="checkbox"
@@ -98,7 +98,7 @@ const EC2 = () => {
       <button
         type="submit"
         disabled={ec2Pending || 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"
       >
         {ec2Pending
           ? 'Generate Terraform...'

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

@@ -13,8 +13,8 @@ const S3: FC = () => {
   >(TerraformTemplateAPI.S3, 's3');
   const { download, isPending: downloadPending } = useDownload({
     folderName: 'MyTerraform',
-    source: 'iam',
-    downloadFileName: 'Iam',
+    source: 's3',
+    downloadFileName: 'S3',
   });
 
   const [services, setServices] = useState({
@@ -47,9 +47,9 @@ const S3: 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>S3 Bucket</p>
             <input
               type="checkbox"
@@ -59,7 +59,7 @@ const S3: FC = () => {
               onChange={() => handleServices('s3_bucket')}
             />
           </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>Bucket Versioning</p>
             <input
               type="checkbox"
@@ -75,7 +75,7 @@ const S3: FC = () => {
       <button
         type="submit"
         disabled={s3Pending || 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"
       >
         {s3Pending
           ? 'Generate Terraform...'