refactor

web/src/components/Add/AddDialog.jsx

@@ -6,38 +6,19 @@ import DialogActions from '@material-ui/core/DialogActions'
 import DialogContent from '@material-ui/core/DialogContent'
 import DialogTitle from '@material-ui/core/DialogTitle'
 import { torrentsHost } from 'utils/Hosts'
+import axios from 'axios'
 
 export default function AddDialog({ handleClose }) {
-  const [magnet, setMagnet] = useState('')
+  const [link, setLink] = useState('')
   const [title, setTitle] = useState('')
   const [poster, setPoster] = useState('')
 
-  const inputMagnet = ({ target: { value } }) => setMagnet(value)
+  const inputMagnet = ({ target: { value } }) => setLink(value)
   const inputTitle = ({ target: { value } }) => setTitle(value)
   const inputPoster = ({ target: { value } }) => setPoster(value)
 
-  const handleCloseSave = () => {
-    try {
-      if (!magnet) return
-
-      fetch(torrentsHost(), {
-        method: 'post',
-        body: JSON.stringify({
-          action: 'add',
-          link: magnet,
-          title,
-          poster,
-          save_to_db: true,
-        }),
-        headers: {
-          Accept: 'application/json, text/plain, */*',
-          'Content-Type': 'application/json',
-        },
-      })
-      handleClose()
-    } catch (e) {
-      console.log(e)
-    }
+  const handleSave = () => {
+    axios.post(torrentsHost(), { action: 'add', link, title, poster, save_to_db: true }).finally(() => handleClose())
   }
 
   return (
@@ -63,7 +44,7 @@ export default function AddDialog({ handleClose }) {
           Cancel
         </Button>
 
-        <Button variant='contained' disabled={!magnet} onClick={handleCloseSave} color='primary'>
+        <Button variant='contained' disabled={!link} onClick={handleSave} color='primary'>
           Add
         </Button>
       </DialogActions>

web/src/components/Settings.jsx

@@ -11,6 +11,7 @@ import DialogActions from '@material-ui/core/DialogActions'
 import Button from '@material-ui/core/Button'
 import { FormControlLabel, InputLabel, Select, Switch } from '@material-ui/core'
 import { settingsHost, setTorrServerHost, getTorrServerHost } from 'utils/Hosts'
+import axios from 'axios'
 
 export default function SettingsDialog() {
   const [open, setOpen] = useState(false)
@@ -22,18 +23,11 @@ export default function SettingsDialog() {
 
   const handleClickOpen = () => setOpen(true)
   const handleClose = () => setOpen(false)
-  const handleCloseSave = () => {
+  const handleSave = () => {
     setOpen(false)
     const sets = JSON.parse(JSON.stringify(settings))
     sets.CacheSize *= 1024 * 1024
-    fetch(settingsHost(), {
-      method: 'post',
-      body: JSON.stringify({ action: 'set', sets }),
-      headers: {
-        Accept: 'application/json, text/plain, */*',
-        'Content-Type': 'application/json',
-      },
-    })
+    axios.post(settingsHost(), { action: 'set', sets })
   }
 
   useEffect(() => {
@@ -262,7 +256,7 @@ export default function SettingsDialog() {
             Cancel
           </Button>
 
-          <Button onClick={handleCloseSave} color='primary' variant='outlined'>
+          <Button onClick={handleSave} color='primary' variant='outlined'>
             Save
           </Button>
         </DialogActions>

web/src/components/Upload.jsx

@@ -9,6 +9,7 @@ export default function UploadDialog() {
   const handleCapture = ({ target: { files } }) => {
     const [file] = files
     const data = new FormData()
+    data.append('save', 'true')
     data.append('file', file)
     axios.post(torrentUploadHost(), data)
   }

web/src/utils/Utils.js

@@ -10,4 +10,4 @@ export function getPeerString(torrent) {
 }
 
 export const shortenText = (text, sympolAmount) =>
-  text.slice(0, sympolAmount) + (text.length > sympolAmount ? '...' : '')
+  text ? text.slice(0, sympolAmount) + (text.length > sympolAmount ? '...' : '') : ''