code7-leia 0.1.72 → 0.1.73

package/dist/store/modules/Files/Files.actions.d.ts

@@ -1,4 +1,13 @@
 export declare function getFilesAction(id: string): {
     type: string;
-    payload: Promise<any>;
+    payload: Generator<import("redux-saga/effects").CallEffect<unknown> | import("redux-saga/effects").PutEffect<{
+        type: string;
+        payload: [];
+    }>, void, {
+        data: any;
+    }>;
+};
+export declare function getFilesActionSuccess(data: []): {
+    type: string;
+    payload: [];
 };

package/dist/store/modules/Files/Files.reducer.d.ts

@@ -1,3 +1,5 @@
 export default function filesReducer(state: {
     files: never[];
-} | undefined, action: any): any;
+} | undefined, action: any): {
+    files: never[];
+};

package/dist/store/modules/Files/Files.sagas.d.ts

@@ -1,3 +1,8 @@
-export declare const getFiles: (id: string) => Promise<any>;
+export declare function getFiles(id: string): Generator<import("redux-saga/effects").CallEffect<unknown> | import("redux-saga/effects").PutEffect<{
+    type: string;
+    payload: [];
+}>, void, {
+    data: any;
+}>;
 declare const _default: import("redux-saga/effects").AllEffect<import("redux-saga/effects").ForkEffect<never>>;
 export default _default;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.72",
+  "version": "0.1.73",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -70,6 +70,7 @@
     "@reduxjs/toolkit": "^2.2.1",
     "axios": "^1.6.7",
     "classcat": "^5.0.4",
+    "immer": "^10.0.4",
     "react-dropzone": "^14.2.3",
     "react-icons": "^5.0.1",
     "react-redux": "^9.1.0",

package/src/components/FileArea/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState} from 'react';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 
 import { FaUpload, FaList, FaPlus } from 'react-icons/fa';
 
@@ -27,7 +27,7 @@ export const FileArea = () => {
   const { id, language } = useSharedProps();
   const t = getLanguage(language)
   const dispatch = useDispatch();
-  // const initFiles = useSelector((state: any) => state.files);
+  const initFiles = useSelector((state: any) => state.files);
   const tags = [
     "pae",
     "boteria",
@@ -41,9 +41,11 @@ export const FileArea = () => {
     dispatch(getFilesAction(id))
   }, [])
 
-  // useEffect(() => {
-  //   console.log(initFiles)
-  // }, [initFiles])
+  useEffect(() => {
+    console.log(initFiles)
+    setFiles(initFiles)
+    setInitialFiles(initFiles)
+  }, [initFiles])
 
   useEffect(() => {
     console.log('language, id: ', language, id)

package/src/store/modules/Files/Files.actions.ts

@@ -6,4 +6,11 @@ export function getFilesAction (id: string) {
         type: types.GET_FILES_REQUEST,
         payload: getFiles(id)
     }
+}
+
+export function getFilesActionSuccess (data: []) {
+    return {
+        type: types.GET_FILES_SUCCESS,
+        payload: data
+    }
 }

package/src/store/modules/Files/Files.reducer.ts

@@ -1,14 +1,18 @@
+import { produce } from 'immer';
+
 const initState = {
     files: []
 }
 
 export default function filesReducer(state = initState, action: any) {
-    console.log('STATE: ', state)
-    console.log('ACTION: ', action)
-    switch (action.type) {
-        case 'GET_FILES_SUCCESS':
-            return action.payload;
-        default:
-            return action.payload;
-    }
+    return produce(state, (draft: { files: []; }) => {
+        switch (action.type) {
+            case 'GET_FILES_SUCCESS':
+                console.log('PAYLOAD: ', action.payload)
+                draft.files = action.payload;
+                break;
+            default:
+                return action.payload;
+        }
+    });
 }

package/src/store/modules/Files/Files.sagas.ts

@@ -1,13 +1,11 @@
-import { takeLatest, all } from 'redux-saga/effects';
+import { takeLatest, all, put, call } from 'redux-saga/effects';
 import api from '../../../service/Api'
 import Types from './Files.types'
-// import actions from './Files.actions'
+import { getFilesActionSuccess } from './Files.actions'
 
-export const getFiles = async (id: string) => {
-  const { data } = await api.get(`/files/${id}`)
-  console.log('DATA ----------------------->', data)
-  console.log('DATA.FILES ----------------------->', data.files)
-  return data.files
+export function* getFiles (id: string) {
+  const { data } = yield call(api.get, `/files/${id}`)
+  yield put(getFilesActionSuccess(data.files));
 }
 
 export default all([