From 80595bf34beb23292ee2cf70009290edae58f88c Mon Sep 17 00:00:00 2001
From: Andy Hsu <i@nn.ci>
Date: Fri, 24 Nov 2023 15:00:09 +0800
Subject: [PATCH] feat: adapt delete policy in offline download

---
 src/components/ModalInput.tsx              |  2 ++
 src/lang/en/home.json                      |  6 +++++
 src/pages/home/toolbar/OfflineDownload.tsx | 26 ++++++++++++++++++++++
 src/utils/api.ts                           |  3 ++-
 4 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/components/ModalInput.tsx b/src/components/ModalInput.tsx
index 9e9c5ec98a..9ed89b4940 100644
--- a/src/components/ModalInput.tsx
+++ b/src/components/ModalInput.tsx
@@ -30,6 +30,7 @@ export type ModalInputProps = {
   loading?: boolean
   tips?: string
   topSlot?: JSXElement
+  bottomSlot?: JSXElement
 }
 export const ModalInput = (props: ModalInputProps) => {
   const [value, setValue] = createSignal(props.defaultValue ?? "")
@@ -122,6 +123,7 @@ export const ModalInput = (props: ModalInputProps) => {
           <Show when={props.tips}>
             <FormHelperText>{props.tips}</FormHelperText>
           </Show>
+          <Show when={props.bottomSlot}>{props.bottomSlot}</Show>
         </ModalBody>
         <ModalFooter display="flex" gap="$2">
           <Button onClick={props.onClose} colorScheme="neutral">
diff --git a/src/lang/en/home.json b/src/lang/en/home.json
index 3ae5ab0ce0..28ef6ef6e6 100644
--- a/src/lang/en/home.json
+++ b/src/lang/en/home.json
@@ -50,6 +50,12 @@
     "cancel_select": "Cancel Select",
     "offline_download": "Offline download",
     "offline_download-tips": "One URL per line",
+    "delete_policy": {
+      "delete_on_upload_succeed": "Delete on upload succeed",
+      "delete_on_upload_failed": "Delete on upload failed",
+      "delete_never": "Never delete",
+      "delete_always": "Always delete"
+    },
     "download": "Download",
     "batch_download": "Batch Download",
     "package_download": "Package Download",
diff --git a/src/pages/home/toolbar/OfflineDownload.tsx b/src/pages/home/toolbar/OfflineDownload.tsx
index 521056ee98..269217d414 100644
--- a/src/pages/home/toolbar/OfflineDownload.tsx
+++ b/src/pages/home/toolbar/OfflineDownload.tsx
@@ -11,6 +11,15 @@ import {
 import { createSignal, onCleanup, onMount } from "solid-js"
 import { PResp } from "~/types"
 
+const deletePolicies = [
+  "delete_on_upload_succeed",
+  "delete_on_upload_failed",
+  "delete_never",
+  "delete_always",
+] as const
+
+type DeletePolicy = (typeof deletePolicies)[number]
+
 export const OfflineDownload = () => {
   const t = useT()
   const [tools, setTools] = createSignal([] as string[])
@@ -18,6 +27,9 @@ export const OfflineDownload = () => {
     return r.get("/public/offline_download_tools")
   })
   const [tool, setTool] = createSignal("")
+  const [deletePolicy, setDeletePolicy] = createSignal<DeletePolicy>(
+    "delete_on_upload_succeed",
+  )
   onMount(async () => {
     const resp = await reqTool()
     handleResp(resp, (data) => {
@@ -57,6 +69,20 @@ export const OfflineDownload = () => {
           />
         </Box>
       }
+      bottomSlot={
+        <Box mb="$2">
+          <SelectWrapper
+            value={deletePolicy()}
+            onChange={(v) => setDeletePolicy(v as DeletePolicy)}
+            options={deletePolicies.map((policy) => {
+              return {
+                value: policy,
+                label: t(`home.toolbar.delete_policy.${policy}`),
+              }
+            })}
+          />
+        </Box>
+      }
       onSubmit={async (urls) => {
         const resp = await ok(pathname(), urls.split("\n"), tool())
         handleRespWithNotifySuccess(resp, () => {
diff --git a/src/utils/api.ts b/src/utils/api.ts
index 5ccf30c474..bd7bb34a4c 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -109,8 +109,9 @@ export const offlineDownload = (
   path: string,
   urls: string[],
   tool: string,
+  delete_policy: string,
 ): PEmptyResp => {
-  return r.post(`/fs/add_offline_download`, { path, urls, tool })
+  return r.post(`/fs/add_offline_download`, { path, urls, tool, delete_policy })
 }
 
 export const fetchText = async (