Batch product listing (photos) basic flow #16

marcusvx · 2024-11-05T22:58:28Z

Upgrades React to v18.x
Add craco configuration, allowing customization of webpack config
Add Ant Design to the project
Add Uppy and Transloadit
Implement basic flow for batch product listing (photos)
Fix some failing unit tests

…ting

craco.config.js

src/components/NamedLink/NamedLink.js

marcusvx · 2024-11-05T23:13:04Z

src/store.js

+  const middlewares = [
+    thunk.withExtraArgument(sdk),
+    analytics.createMiddleware(analyticsHandlers),
+    uppyReduxStore.middleware(),


Uppy is connected with the main Redux store, so we have only one source of truth, as it's suggested by Redux guidelines.

package.json

server/api/transloadit-params.js

server/scripts/events/notifyProductListingCreated.js

rafaerod89 · 2024-11-06T13:40:49Z

src/styles/antDesignTokens.js

@@ -0,0 +1,33 @@
+import './marketplaceDefaults.css';
+
+export const createTheme = branding => {


Very nice!!

src/components/UserNav/UserNav.js

src/routing/routeConfiguration.js

rafaerod89 · 2024-11-06T13:48:56Z

src/containers/BatchEditListingPage/BatchEditListingPage.js

+import BatchEditListingWizard from './BatchEditListingWizard/BatchEditListingWizard';
+
+export const BatchEditListingPageComponent = props => {
+  const { currentUser, history, intl, params, page, onInitializeUppy, onSaveBatchListing } = props;


What about the 'tab' field we pass from the router?

It's being used in src/containers/BatchEditListingPage/BatchEditListingWizard/BatchEditListingWizard.js.

BTW, I've updated the route to:
/listing/:category/:type/:tab

src/containers/ListingPage/ActionBarMaybe.js

src/containers/EditListingPage/EditListingWizard/EditListingWizard.js

src/containers/ManageListingsPage/ManageListingCard/ManageListingCard.js

rafaerod89 · 2024-11-06T14:00:42Z

src/translations/de.json

@@ -33,6 +33,25 @@
  "AuthenticationPage.verifyEmailTitle": "{name}, bitte überprüfe deinen E-Mail-Posteingang, um deine E-Mail-Adresse zu bestätigen",
  "Avatar.bannedUserDisplayName": "Gesperrter Benutzer",
  "Avatar.deletedUserDisplayName": "Gelöschter Benutzer",
+  "BatchEditListingUploaderPanel.title": "Fotos hochladen",


None of this is needed. But did you add this on the Sharetrive console?

If not let's touch base on how to do it because it is tricky

rafaerod89 · 2024-11-06T14:00:54Z

src/translations/en.json

@@ -33,6 +33,25 @@
  "AuthenticationPage.verifyEmailTitle": "{name}, check your email inbox to verify your email address",
  "Avatar.bannedUserDisplayName": "Banned user",
  "Avatar.deletedUserDisplayName": "Deleted user",
+  "BatchEditListingUploaderPanel.title": "Upload photos",


rafaerod89 · 2024-11-06T14:01:03Z

src/translations/es.json

@@ -33,6 +33,25 @@
  "AuthenticationPage.verifyEmailTitle": "{name}, revisa tu cuenta de correo para poder verificar tu cuenta.",
  "Avatar.bannedUserDisplayName": "Usuario bloqueado",
  "Avatar.deletedUserDisplayName": "Usuario eliminado",
+  "BatchEditListingUploaderPanel.title": "Subir fotos",


src/translations/fr.json

src/util/api.js

src/containers/ManageListingsPage/ManageListingsPage.js

marcusvx added 30 commits October 1, 2024 10:28

Upgrade React to v18.2.0

384a1e9

Add craco to allow custom webpack configurations

3335f29

Create Batch listing edit component

8b4a19f

Cleanup of unucessary tabs and feature from the new batch product lis…

b953f05

…ting

Reorganize batch product listing components

c66aab3

Basic functionality of the Product Details table integrated with tabs

f6503ee

Implement read of images metadata with exifr

792498f

Fix failing tests and remove outdated tests

2aaea72

Finish implmementing tag input component for batch product listing

7f670eb

Remove dead code

9663a10

Start implementation of redux connection for BatchEditListingPage

198d1af

Refactor most of the logic of BatchEditListingPage to redux

ff57002

Change uppy store to redux store. Initial upload process implemented

522506d

Add modal warning about listing validation and ai terms when saving

11713a1

Finished upload process

c659e8f

General layout improvements: make headers and table header sticky

8a23035

Upgrade React to v18.2.0

a28c9a4

Add craco to allow custom webpack configurations

23b4e7a

Create Batch listing edit component

affff7b

Cleanup of unucessary tabs and feature from the new batch product lis…

b7961cf

…ting

Reorganize batch product listing components

69864b3

Basic functionality of the Product Details table integrated with tabs

0e61758

Implement read of images metadata with exifr

74f7768

Fix failing tests and remove outdated tests

066ed76

Finish implmementing tag input component for batch product listing

e61a5a6

Remove dead code

397e547

Start implementation of redux connection for BatchEditListingPage

2a3545e

Refactor most of the logic of BatchEditListingPage to redux

3df8030

Change uppy store to redux store. Initial upload process implemented

37f3f87

Add modal warning about listing validation and ai terms when saving

3556148

marcusvx requested a review from rafaerod89 November 5, 2024 22:58

marcusvx commented Nov 5, 2024

View reviewed changes

craco.config.js Show resolved Hide resolved

marcusvx commented Nov 5, 2024

View reviewed changes

craco.config.js Show resolved Hide resolved

marcusvx commented Nov 5, 2024

View reviewed changes

src/components/NamedLink/NamedLink.js Show resolved Hide resolved

Remove unused packages/components

588623d

marcusvx commented Nov 5, 2024

View reviewed changes

marcusvx self-assigned this Nov 5, 2024

marcusvx added the enhancement New feature or request label Nov 5, 2024