Skip to main content

Posts

Showing posts with the label hook

upload to storage with promise (helper) instead of hook (useUploadStorage)

export const uploadFileToStorage = async ( foldName: string, dataUrl: string ) => { return new Promise((resolve, reject) => { const timestamp = Number( new Date()) const fileName = `/documents/ ${ foldName } - ${ timestamp.toString() } ` const storageRef = firebaseApp.storage().ref(fileName) const uploadTask = storageRef.putString(dataUrl, 'data_url' ) uploadTask.on( firebaseApp.storage.TaskEvent.STATE_CHANGED, snapshot => {}, error => { reject(error.message) }, () => { storageRef.getDownloadURL().then(url => { resolve(url) }) } ) }) } onSubmit = { (values, { setSubmitting, resetForm }) => { setMessage(i18next.t( 'PROCESSING' )) const copy = { ...values } await Promise.all( inputFieldsForAdditionalForm .filter(field => field.type === 'file' ) ...

useReducer Hook + Context API for Towneley project

To ger rid of Redux!! A  simpler, more straightforward way to handle global state management library we are using for this project are: 1. Formik 2. Material Design 3. Redux 1. Index.js 2. store.js 3. reducer.js 4. actions.js 5. middleware.js 6. typeOfActions.js 7. profileForm.js ======= Same idea - use hook for Material Design