feat(cms): Orders api config and edit function

[limivann]

• Integrated functionality to fetch and display order data via the Orders API.
• Added features to edit and delete individual orders directly from the orders page.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
website-ui-storybook	⬜️ Ignored (Inspect)	Visit Preview	Sep 2, 2024 2:47pm

[Iyzyman]

LGTM, but can I ask why you used Class for Order instead of Type?

[limivann]

LGTM, but can I ask why you used Class for Order instead of Type?

We used Class instead of Type to iterate the keys of Order

 for (const key of Object.keys(new Order())) {
    const renderCellComponent = RenderCellFactory.get(data[0], key);
    const renderCell: React.FC<{ children?: React.ReactNode }> =
      renderCellComponent instanceof Promise
        ? renderCellComponent
        : renderCellComponent;

[chanbakjsd]

There are just a few issues to address :)

[github-actions]

Deployment preview link: https://website-mvnwtn13n-cse-it.vercel.app

[limivann]

Hi @chanbakjsd , I have made the following changes:

• added toast messages to display error messages when triggered, using react-toastify because payloadcms is also using it internally
• fixed inconsistency issue of snake case and camel case, also changed implementation of prettifyKeys to convert camel to human readable titles
• reverted unnecessary changes

CC: @Iyzyman

[jack-thant]

LGTM🚀