src/components/file_drop.rs

@@ -102,6 +102,10 @@ pub fn FileDrop(
         upload_files.run(files);
     };
 
+    // let on_click_file_delete = move |file_name, form_id| {
+    //
+    // };
+
     view! {
         <label
             node_ref=zone_ref
@@ -126,7 +130,12 @@ pub fn FileDrop(
             />
         </label>
         <For each=move || file_name_list.get() key=|file| file.clone() let:file>
-            <div>"File name: "{file}</div>
+            <div class="flex flex-row relative">
+                <div>{file}</div>
+                <div class="text-gray-400 hover:text-red-700">
+                    <Icon icon=icondata::FaTrashCanRegular />
+                </div>
+            </div>
         </For>
     }
 }

src/pages/api/files.rs

@@ -57,3 +57,29 @@ pub async fn upload_file(
         .map(|_| ())
         .map_err(ServerFnError::from)
 }
+
+#[server]
+pub async fn delete_file(
+    access_token: String,
+    form_id: String,
+    file_name: String
+) -> Result<(), ServerFnError> {
+    use crate::utils::server::create_aws_config;
+    use crate::pages::api::tokens::validate_and_get_token_info;
+
+    let user_claims = validate_and_get_token_info(access_token).await?;
+    let subject = user_claims.subject;
+
+    let key = format!("{form_id}/{subject}/{file_name}");
+
+    let client = aws_sdk_s3::Client::new(&create_aws_config().await);
+
+    client
+        .delete_object()
+        .bucket("leptos-scholarhips")
+        .key(key)
+        .send()
+        .await
+        .map(|_| ())
+        .map_err(ServerFnError::from)
+}

src/pages/api/mod.rs

@@ -28,3 +28,6 @@ pub static PROVIDER_CONTACT_TABLE: &str = "leptos-provider-contacts";
 
 #[cfg(feature = "ssr")]
 pub static MAIN_TABLE_NAME: &str = "scholarships-main";
+
+#[cfg(feature = "ssr")]
+pub static S3_BUCKET_NAME: &str = "leptos-scholarships";