DFixes -> fixes and upgrades all functionality

src/components/forms/formGenerator.js

@@ -208,20 +208,68 @@ const DownloadFilesListInputGenerator = ({
             id={input.name + info.action + info.endpoint + 'DropBox'}
         >
             {input.name + ':'}
-            {
+            {   
+                input.values.length == 0 ? 
+                
+                () => {
+                        return (
+                            <div>
+                                empty
+                            </div>
+                        )
+                } 
+                
+                :
+
                 input.values.map( (item, index) => {
 
                         return (
-                            <div
+                            <>
-                                key={ item }
+                                <div
-                            >
+                                    key={ info.action + '_element_' + index }
-                                <a 
-                                    href={ input.link + index + '/' }
                                 >
-                                    { item }
+                                    {
-                                </a>
+                                        Object.keys(item).map(
-                            </div>
+                                            ( key, index ) => {
+
+                                                return(
+                                                    <div style={{ paddingLeft: '10px' }}> 
+                                                        { key + ': ' }
+                                                        {
+                                                            typeof item[key] === "object" 
+                                                            ?
+                                                            
+                                                            Object.keys( item[key] ).map(
+                                                                ( key, index ) => {
+                                                                    return (
+                                                                        <div style={{ paddingLeft: '20px' }}>
+                                                                            { key }: { item.data[key]}
+                                                                        </div>
+                                                                    )
+                                                                }
+                                                            )
+                                                            
+                                                            :
+                                                            
+                                                            item[key]
+                                                        }
+                                                    </div>
+                                                
+                                                )
+                                            }
+                                    )
+                                    }
+                                    <a 
+                                        href={ input.link + index + '/' }
+                                    >
+                                        download
+                                    </a>
+                                </div>
+                                <div style={{ width: '100%', height: '1px', backgroundColor: '#008000' }}>
+                                </div>
+                            </>
                         )
+
                     }
                 )
             }

src/redux/store.js

@@ -1,4 +1,4 @@
-import { configureStore } from '@reduxjs/toolkit';
+import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
 
 import { loadState, saveState } from './stateLoader'
 import lodash from 'lodash'
@@ -20,7 +20,12 @@ export const store = configureStore({
         userAuthReducer,
         userCrudReducer
     },
-    preloadedState: persistedState
+    preloadedState: persistedState,
+    middleware: getDefaultMiddleware (
+        { 
+            serializableCheck: false, 
+        }
+    ),
 })
 
 store.subscribe(() => {

src/styles/general.scss

@@ -2,11 +2,15 @@
 body {
     margin: 0 auto;
     overflow: hidden;
-    // background-color: rgba(0,128,0,1);
     background: 
-        url("../images/background.jpg")
+        linear-gradient(
-        rgba(0,128,0,1) 100%;
+            10deg, 
-    background-size: 100% auto;
+            black 0%, 
+            #0a670a 40%, 
+            #097309 50%, 
+            #0a670a 60%, 
+            black 100%
+        );
     width: 100%;
     height: 100%;