Pago Frontend

Repository for the frontend of the Pago project.

• Pago Frontend
  • Todo

Todo

• Multi images
  • Display in /orders/\[id\] page
  • Update /orders/new form to allow multi img upload
• /orders/\[id\] feature
  • Order deleting
  • Order editing
  • Status color
  • (Action) buttons at the bottom of the page
    • Test if the buttons work
• /trips/\[id\] feature
  • Trip deleting
  • Trip editing
  • (Action) buttons at the bottom of the page
    • Test if the buttons work
• Remove error and helperText props from all the components that used useController and use field.error instead
• Turn multi steps form into wizard form
• Infinite query for trips
• Infinite query for bids
• Generic mutation hook to invalidate queries (maybe?)
• Check if there's return value when deleting a order (for useDeleteOrder hook)
  ➡️ checked, no ret val
• Universal modal for canceling/postponing order by generic (idk if it's possible)
  ➡️ I did it although it's ugly
• Change mutate functions' arguments to object (maybe)
  ➡️ only optional params in object, required params still in args
• Make a DetailList component and render details according to the object passed in (maybe)
• Show the chosen currency in NeedsForm with selection disabled
• Show country and city name instead of code when recap
• Add a prompt at AvailableShoppers when there's no any shoppers available
• Responsive font size in Typography
• Define user on next-auth session (maybe)
• Combine useInView and useInfiniteQuery to one hook
• Merge Paper and PaperLayout into one component
• No using variant prop to control Typography font size
• Extract date formation to an util function
• Consider to do date transform before mapping as items
• Disable the submit button when the form is submitting and after the form is submitted successfully
• Use setQueryData to update the query cache after the form is submitted successfully
• FIX GIT
• Separate schemas into files
• Consider migrate from date-fns to dayjs
  • Replace minDate & maxDate props to disablePast & disableFuture (when possible)
• Tweak the queryKeys
• Refactor CountryCitySelect using <country>-<city> as value (maybe)
• Migrate from countryCitySchema to zPlace
• Add zod schema in all files under types/ folder
• Move all form schemas into schemas/ folder
• Use useFormContext and Controller more (maybe)