upgrade abstraction -> AbstractDelete.js && modify GetOne.js

src/components/index/indexConsole/commands/fetchCommands/Abstract Utils/AbstractDelete.js

@@ -0,0 +1,27 @@
+/**
+ * Delete one row
+ * @param {*} refList 
+ * @param {*} consoleHistory 
+ * @param {*} setConsoleHistory 
+ * @param {*} setMessage 
+ * @param {*} deleteAction 
+ * @param {*} token 
+ */
+export const AbstractDelete = async (
+    refList,
+    consoleHistory, setConsoleHistory,
+    setMessage,
+    deleteAction,
+    token
+) => {
+    let id = refList[0].current.value
+    setConsoleHistory( consoleHistory + 'id: ' + id + '\n')
+    if ( id >= 0 ) {
+        deleteAction( 
+            id,
+            token
+        ).then( response => {
+            setMessage( response['info'] + '\n' )
+        })
+    }
+}

src/components/index/indexConsole/commands/fetchCommands/Abstract Utils/AbstractGetOne.js

@@ -15,7 +15,7 @@ export const AbstractGetOne = async (
     mapping, 
 ) => {
     let inputValue = refList[0].current.value
-    setConsoleHistory( consoleHistory + 'album id: ' + inputValue + '\n')
+    setConsoleHistory( consoleHistory + 'id: ' + inputValue + '\n')
     if ( inputValue >= 0 ) {
         await getOneAction( inputValue ).then( response => {
             if ( response['info'] !== 'Not found.' ){

src/components/index/indexConsole/commands/fetchCommands/Album/Delete.js

@@ -2,7 +2,9 @@ import React, { useState, useEffect } from 'react'
 import { connect } from 'react-redux'
 
 import { deleteAlbum } from '../../../../../../stores/album/duck/operations'
-
+import { AbstractDelete } from '../Abstract Utils/AbstractDelete'
+import { FormGenerator } from '../Abstract Utils/FormGenerator'
+import { ResetComponent } from '../Abstract Utils/ResetComponent'
 
 const AlbumDelete = ({ 
     user, 
@@ -16,49 +18,50 @@ const AlbumDelete = ({
     
     const idInput = React.createRef()
 
-    const deleteFetch = (event) => {
+    let refList = [
-        event.preventDefault()
+        idInput
-        let id = idInput.current.value
+    ]
-        setConsoleHistory( consoleHistory + 'album id: ' + id + '\n')
+
-        if ( id >= 0 ) {
+    let inputList = [
-            deleteAlbum( 
+        {
-                id,
+            type: 'text',
-                user.token
+            name: 'idDelete',
-            ).then( response => {
+            endpoint: 'Album',
-                setMessage( response['info'] + '\n' )
+            ref: idInput
-            })
         }
+    ]
+
+    const deleteFetch = (event) => {
+        AbstractDelete(
+            refList,
+            consoleHistory,
+            setConsoleHistory,
+            setMessage,
+            deleteAlbum,
+            user.token
+        )
     }
 
-    useEffect( 
+    const resetState = () => {
-        () => {
+        setConsoleHistory( consoleHistory + message )
-            if ( componentVisible ) {
+        setComponentVisible( false )
-                document.getElementById('idAlbumDeleteInput').focus()
+        setMessage('')
-            } else {
+    }
-                activateConsoleInput()         
-            }
-            if ( message !== '' ) {
-
-                idInput.current.value = ''
-
-                setConsoleHistory( consoleHistory + message )
-                setComponentVisible( false )
-                setMessage('')
-            }
-        }
-    )
 
     return (
         <div>
-            <form onSubmit={ deleteFetch }>
+            <FormGenerator 
-                album id:
+                inputList={ inputList }
-                <input 
+                refList={ refList }
-                        id='idAlbumDeleteInput'
+                action={ deleteFetch }
-                        autoComplete='off'
+            />
-                        ref={ idInput }
+            <ResetComponent
-                    />
+                resetState={ resetState }
-                <button type='submit' />
+                refList={ refList }
-            </form>
+                message={ message }
+                componentVisible={ componentVisible }
+                activateConsoleInput={ activateConsoleInput }
+            />
         </div>
     )
 }

src/components/index/indexConsole/commands/fetchCommands/Album/GetOne.js

@@ -26,7 +26,7 @@ const AlbumGetOne = ({
     let inputList = [
         {
             type: 'text',
-            name: 'id',
+            name: 'idGetOne',
             endpoint: 'Album',
             ref: getOneInput
         }
@@ -42,7 +42,7 @@ const AlbumGetOne = ({
         return mapRowToString( album, mapFields )
     }
 
-    const getOneAlbumFetch = (event) => {
+    const getOneAlbumFetch = () => {
         AbstractGetOne(
             refList,
             consoleHistory,
@@ -77,16 +77,6 @@ const AlbumGetOne = ({
     )
 }
 
-{/* <form onSubmit={ getOne }>
-                album id:
-                <input 
-                        id='getOneAlbumInput'
-                        autoComplete='off'
-                        ref={ getOneInput }
-                    />
-                <button type='submit' />
-            </form> */}
-
 const mapStateToProps = state => ({
     album: state.album
 })

src/stores/AppService.js

@@ -84,10 +84,16 @@ const responseGD = async (address, method, token) => {
                 "Content-Type": "application/json"
             }
         })
-        return await responseExceptions(
+        if ( method === 'GET' )
-            await response.json(),
+            return await responseExceptions(
-            response.status
+                await response.json(),
-        )
+                response.status
+            )
+        else
+            return await responseExceptions(
+                await response,
+                response.status
+            )
     } catch (error) {
         return { info: error }
     }