code7-leia 0.1.49 → 0.1.52

package/src/components/FileArea/index.tsx

@@ -1,11 +1,8 @@
 import React, { useEffect, useState} from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 
 import { FaUpload, FaList, FaPlus } from 'react-icons/fa';
 
-// import { formatAxios } from '../../utils/formatAxios'
-
-import { useLocation } from 'react-router-dom';
-
 import type { FileData } from '../../interface/FileData'
 
 import { getLanguage } from '../../utils/getLanguage'
@@ -19,15 +16,18 @@ import ModalContent from './components/Modal/ModalContent'
 import EmptyState from '../EmptyState';
 import Select from '../Select'
 import AreaUpload from './components/AreaUpload';
+import { useSharedProps } from '../../contexts/SharedPropsProvider';
+import { getFilesAction } from '../../store/Files/Files.actions';
 
 export const FileArea = () => {
   const [files, setFiles] = useState<FileData[]>([]);
   const [initialFiles, setInitialFiles] = useState<FileData[]>([]);
   const [uploadFile, setUploadFile] = useState<{ content: ArrayBuffer | string; properties: File }>();
-  const { pathname } = useLocation();
   const [modal, setModal] = useState(false)
-  const id = pathname.split('/')[4]
-  const t = getLanguage('pt-br')
+  const { id, language } = useSharedProps();
+  const t = getLanguage(language)
+  const dispatch = useDispatch();
+  const initFiles = useSelector((state: any) => state.initFiles);
   const tags = [
     "pae",
     "boteria",
@@ -37,45 +37,16 @@ export const FileArea = () => {
   ]
 
   useEffect(() => {
-    setFiles([
-        {
-          "name": "Documentação conceitual Code7_v3",
-          "tags": "boteria, code7"
-        },
-        {
-          "name": "PAE_Programa_Apoio_ao_Empregado",
-          "tags": "pae, vr"
-        },
-        {
-          "name": "Vidalink",
-          "tags": "vidalink, vr"
-        },
-        {
-          "name": "[GUIA PRÁTICO] Como criar o chatbot perfeito",
-          "tags": "ebook, code7"
-        }
-      ])
-
-    setInitialFiles([
-      {
-        "name": "Documentação conceitual Code7_v3",
-        "tags": "boteria, code7"
-      },
-      {
-        "name": "PAE_Programa_Apoio_ao_Empregado",
-        "tags": "pae, vr"
-      },
-      {
-        "name": "Vidalink",
-        "tags": "vidalink, vr"
-      },
-      {
-        "name": "[GUIA PRÁTICO] Como criar o chatbot perfeito",
-        "tags": "ebook, code7"
-      }
-    ])
+    dispatch(getFilesAction(id))
   }, [])
 
+  useEffect(() => {
+    setFiles(initFiles)
+    setInitialFiles(initFiles)
+  }, [initFiles])
+
+
+
   useEffect(() => {
     console.log('files, id, t: ', files, id, t)
   }, [files])

package/src/contexts/SharedPropsProvider.tsx

@@ -0,0 +1,29 @@
+import React, { createContext, useContext } from 'react';
+
+interface Props {
+  id: string;
+  language: "en" | "pt-br" | "es";
+  children?: React.ReactNode;
+}
+
+interface SharedPropsContextType {
+  props: Props;
+}
+
+const SharedPropsContext = createContext<SharedPropsContextType | undefined>(undefined);
+
+export const useSharedProps = () => {
+  const context = useContext(SharedPropsContext);
+  if (!context) {
+    throw new Error('useSharedProps deve ser usado dentro de um SharedPropsProvider');
+  }
+  return context.props;
+};
+
+export const SharedPropsProvider: React.FC<Props> = ({ children, ...props }) => {
+  return (
+    <SharedPropsContext.Provider value={{ props }}>
+      {children}
+    </SharedPropsContext.Provider>
+  );
+};

package/src/service/Api.ts

@@ -0,0 +1,9 @@
+import axios from 'axios';
+
+export const API_TOKEN = 'API_TOKEN';
+
+const url = process.env.REACT_APP_API_URL || 'http://localhost:5000/';
+
+axios.defaults.baseURL = `${url}/`;
+
+export default axios.create();

package/src/service/Files/Files.ts

@@ -0,0 +1,8 @@
+import api from '../Api'
+import { FileData } from '../../interface/FileData'
+
+export const getFiles = async (id: string) => {
+  const files:[FileData] = await api.get(`/files/${id}`)
+
+  return files
+}

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

@@ -0,0 +1,8 @@
+import { getFiles } from '../../service/Files/Files';
+
+export function getFilesAction (id: string) {
+    return {
+        type: 'GET_FILES',
+        payload: getFiles(id)
+    }
+}

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

@@ -0,0 +1,8 @@
+export default function (state = [], action: any) {
+    switch (action.type) {
+        case 'GET_FILES':
+            return action.payload;
+        default:
+            return state;
+    }
+}

package/src/store/store.ts

@@ -0,0 +1,12 @@
+import { createStore, combineReducers, applyMiddleware } from 'redux';
+import reduxPromise from 'redux-promise';
+import FilesReducer from './Files/Files.reducer';
+import { FileData } from '../interface/FileData'
+
+const rootReducer = combineReducers({
+  files: FilesReducer as unknown as [FileData],
+});
+
+const store = createStore(rootReducer, applyMiddleware(reduxPromise));
+
+export default store;