Skip to content

feat: add edit popup on sponsor pages list#770

Open
tomrndom wants to merge 7 commits intomasterfrom
fix/sponsor-pages-edit
Open

feat: add edit popup on sponsor pages list#770
tomrndom wants to merge 7 commits intomasterfrom
fix/sponsor-pages-edit

Conversation

@tomrndom
Copy link

@tomrndom tomrndom commented Feb 2, 2026

ref: https://app.clickup.com/t/86b79919e

Signed-off-by: Tomás Castillo tcastilloboireau@gmail.com

Summary by CodeRabbit

  • New Features

    • Introduced Show Pages management system with archive/unarchive capabilities.
    • Added timezone-aware support for media upload deadlines on page templates.
  • Updates

    • Renamed Sponsor Pages to Show Pages throughout the interface.
    • Updated UI labels and translations to reflect Show Pages terminology.
    • Page cloning now refreshes the updated Show Pages list.

@coderabbitai
Copy link

coderabbitai bot commented Feb 2, 2026

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

The PR refactors sponsor page management by introducing a new show-pages-actions module to replace sponsor-pages-actions, renames the Redux state slice from sponsorPagesListState to showPagesListState, enhances page template timezone support by deriving summitTZ from Redux state, and updates all related components, reducers, layouts, and translations to reflect this change.

Changes

Cohort / File(s) Summary
New Show Pages Action Module
src/actions/show-pages-actions.js
Introduces complete action module with async thunks for fetching, saving, archiving/unarchiving show pages; includes request/response constants, normalization logic for media deadlines, and error handling with snackbar feedback.
Page Template Timezone Enhancement
src/actions/page-template-actions.js, src/pages/sponsors-global/page-templates/page-template-list-page.js, src/pages/sponsors-global/page-templates/page-template-popup/index.js
Adds summitTZ parameter to getPageTemplates thunk via Redux state; propagates timezone through component props; normalizes MEDIA module deadlines to timezone-aware moment objects in form initialization.
Sponsor Pages Action Removal
src/actions/sponsor-pages-actions.js
Removes deprecated getSponsorPages thunk and related action constants (REQUEST_SPONSOR_PAGES, RECEIVE_SPONSOR_PAGES, SPONSOR_PAGE_ARCHIVED/UNARCHIVED); retains cloneGlobalPage and redirects clone callback to new getShowPages.
State Management Updates
src/reducers/sponsors/show-pages-list-reducer.js, src/store.js
Replaces sponsorPagesListReducer with showPagesListReducer; updates state structure to include currentShowPage and summitTZ; swaps action type imports to show-pages variants; updates store configuration to use showPagesListState.
Show Pages List Page Component
src/pages/sponsors/show-pages-list-page/index.js
Renames component from SponsorPagesListPage to ShowPagesListPage; updates props and action creators to use show-pages equivalents; integrates PageTemplatePopup for inline form editing; updates all translation keys from sponsor_pages to show_pages.
UI Component Updates
src/pages/sponsors/show-pages-list-page/components/global-page/global-page-popup.js, src/layouts/sponsor-layout.js, src/components/select-page-template-dialog/index.js
Swaps getSponsorPages import/usage to getShowPages in GlobalPagePopup; updates layout route to render ShowPagesListPage; updates all dialog translation keys from sponsor_pages to show_pages.
Internationalization Updates
src/i18n/en.json
Renames top-level key from sponsor_pages to show_pages; adds page_saved and page_created entries for form feedback messages.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

  • Feat: sponsor pages CRUD #720: Updates getPageTemplates to read summitTZ from Redux state and pass it in API requests—directly implements the timezone state reading pattern in this PR.
  • Feature/summit sponsor pages #755: Handles normalization of media module fields (upload_deadline, file_type) in page template flows—complements the timezone-aware normalization logic added here.
  • feat: sponsor pages global cont #764: Modifies getPageTemplates thunk signature and invocation patterns—related to the thunk updates affecting page template handling in this PR.

Suggested reviewers

  • romanetar
  • smarcet

Poem

🐰 From sponsors to shows, the pages now flow,
With timezones aware, let the templates grow,
Redux refactored with state held so tight,
The show pages rise—what a magnificent sight! ✨

🚥 Pre-merge checks | ✅ 3 | ❌ 1
❌ Failed checks (1 inconclusive)
Check name Status Explanation Resolution
Title check ❓ Inconclusive The title describes adding an edit popup on sponsor pages list, but the actual changeset focuses on renaming/refactoring from 'sponsor pages' to 'show pages' with broader structural changes beyond just adding an edit popup. Consider updating the title to better reflect the primary change: 'refactor: rename sponsor pages to show pages with edit functionality' or similar, to accurately represent the scope of renaming, reducer restructuring, and action module creation.
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Merge Conflict Detection ✅ Passed ✅ No merge conflicts detected when merging into master

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch fix/sponsor-pages-edit

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 5

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/reducers/sponsors/sponsor-pages-list-reducer.js (1)

46-57: ⚠️ Potential issue | 🟡 Minor

Avoid clobbering summitTZ when payload lacks it.

getSponsorPages doesn’t currently supply summitTZ, so this resets the stored value to undefined.

🛠️ Suggested fix
-      const { order, orderDir, page, term, hideArchived, summitTZ } = payload;
+      const { order, orderDir, page, term, hideArchived, summitTZ } = payload;

       return {
         ...state,
         order,
         orderDir,
         sponsorPages: [],
         currentPage: page,
         term,
         hideArchived,
-        summitTZ
+        summitTZ: summitTZ ?? state.summitTZ
       };
🤖 Fix all issues with AI agents
In `@src/actions/page-template-actions.js`:
- Around line 57-60: The code dereferences currentSummit.time_zone.name into
summitTZ without guarding for missing currentSummit or time_zone; update the
async action (the function using dispatch,getState) to first check that
currentSummit and currentSummit.time_zone exist and use a safe fallback (e.g.,
'UTC' or null) before reading .name, or bail out early if unset; apply the same
guard to the other occurrence around the code referenced at the second spot (the
other async action/usage at the later location) so the list fetch won't throw
when currentSummit or time_zone is null.

In `@src/actions/sponsor-pages-actions.js`:
- Around line 126-152: normalizeSponsorPage currently assumes entity.modules
exists and calls .map which throws if modules is undefined; update
normalizeSponsorPage to guard against missing modules by checking entity.modules
(or using a default empty array) before mapping and assign
normalizedEntity.modules accordingly so drafts/new entities without modules
don't crash; reference the normalizeSponsorPage function and the entity.modules
usage when making this change.
- Around line 104-124: The getSponsorPage thunk currently calls
dispatch(stopLoading()) only in the success .then() branch so the loading
spinner can remain if the fetch fails; update getSponsorPage to ensure
stopLoading() always runs by appending a .finally() (or using try/finally if you
convert to async/await) to the promise returned by getRequest (the call that
returns a function invoked with (params)(dispatch)), so that
dispatch(stopLoading()) is executed in the .finally() handler; keep the existing
dispatch(startLoading()) at the top and preserve authErrorHandler and
RECEIVE_SPONSOR_PAGE usage.

In `@src/pages/sponsors-global/page-templates/page-template-popup.js`:
- Around line 118-133: The normalizeModules function (and PageTemplatePopup)
currently rely on a summitTZ parameter that is undefined because
pageTemplateListState lacks summitTZ; add summitTZ to the
pageTemplateListReducer's state (and initialize it, e.g., to "UTC" or the real
summit timezone) and ensure the selector that builds pageTemplateListState
includes this summitTZ so PageTemplatePopup receives a defined value, or
alternatively explicitly coalesce summitTZ at the call site when passing into
normalizeModules/PageTemplatePopup (e.g., pass state.summitTZ || "UTC"); update
references to summitTZ in the reducer/selector and any component props
(pageTemplateListState) to keep behavior explicit and consistent with
sponsor-page-forms-list-reducer.

In `@src/pages/sponsors/sponsor-pages-list-page/index.js`:
- Around line 75-78: The popup uses the same "new" state and shared
currentSponsorPage for both creating and editing, so opening "new" after an edit
can reuse the existing id and overwrite; update the flow so edit and create use
distinct modes (e.g., setOpenPopup("edit") in handleRowEdit and
setOpenPopup("new") only for creation) or explicitly clear/reset
currentSponsorPage when opening the "new" popup; change handleRowEdit to set an
"edit" mode (or set a separate isEditing flag) and ensure any code that opens
the create popup (the other place where setOpenPopup("new") is called) resets
currentSponsorPage/template to an empty object so new saves create instead of
update.

Comment on lines 104 to 124
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Ensure loading state clears on failed fetch.

stopLoading() only runs in the success path; on errors the spinner can get stuck. Use finally to guarantee cleanup.

🛠️ Suggested fix
-  return getRequest(
+  return getRequest(
     null,
     createAction(RECEIVE_SPONSOR_PAGE),
     `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/show-pages/${pageId}`,
     authErrorHandler
-  )(params)(dispatch).then(() => {
-    dispatch(stopLoading());
-  });
+  )(params)(dispatch)
+    .finally(() => {
+      dispatch(stopLoading());
+    });
🤖 Prompt for AI Agents
In `@src/actions/sponsor-pages-actions.js` around lines 104 - 124, The
getSponsorPage thunk currently calls dispatch(stopLoading()) only in the success
.then() branch so the loading spinner can remain if the fetch fails; update
getSponsorPage to ensure stopLoading() always runs by appending a .finally() (or
using try/finally if you convert to async/await) to the promise returned by
getRequest (the call that returns a function invoked with (params)(dispatch)),
so that dispatch(stopLoading()) is executed in the .finally() handler; keep the
existing dispatch(startLoading()) at the top and preserve authErrorHandler and
RECEIVE_SPONSOR_PAGE usage.

Comment on lines 126 to 152
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Defend against missing modules in normalization.

If entity.modules is undefined (e.g., draft/new), .map will throw.

🛠️ Suggested fix
-  normalizedEntity.modules = entity.modules.map((module) => {
+  const modules = entity.modules ?? [];
+  normalizedEntity.modules = modules.map((module) => {
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
const normalizeSponsorPage = (entity) => {
const normalizedEntity = { ...entity };
normalizedEntity.modules = entity.modules.map((module) => {
const normalizedModule = { ...module };
if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.upload_deadline) {
normalizedModule.upload_deadline = moment
.utc(module.upload_deadline)
.unix();
}
if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.file_type_id) {
normalizedModule.file_type_id =
module.file_type_id?.value || module.file_type_id;
}
if (module.kind === PAGES_MODULE_KINDS.DOCUMENT && module.file) {
normalizedModule.file = module.file[0] || null;
}
delete normalizedModule._tempId;
return normalizedModule;
});
return normalizedEntity;
const normalizeSponsorPage = (entity) => {
const normalizedEntity = { ...entity };
const modules = entity.modules ?? [];
normalizedEntity.modules = modules.map((module) => {
const normalizedModule = { ...module };
if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.upload_deadline) {
normalizedModule.upload_deadline = moment
.utc(module.upload_deadline)
.unix();
}
if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.file_type_id) {
normalizedModule.file_type_id =
module.file_type_id?.value || module.file_type_id;
}
if (module.kind === PAGES_MODULE_KINDS.DOCUMENT && module.file) {
normalizedModule.file = module.file[0] || null;
}
delete normalizedModule._tempId;
return normalizedModule;
});
return normalizedEntity;
};
🤖 Prompt for AI Agents
In `@src/actions/sponsor-pages-actions.js` around lines 126 - 152,
normalizeSponsorPage currently assumes entity.modules exists and calls .map
which throws if modules is undefined; update normalizeSponsorPage to guard
against missing modules by checking entity.modules (or using a default empty
array) before mapping and assign normalizedEntity.modules accordingly so
drafts/new entities without modules don't crash; reference the
normalizeSponsorPage function and the entity.modules usage when making this
change.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/reducers/sponsors/sponsor-pages-list-reducer.js (1)

52-64: ⚠️ Potential issue | 🟡 Minor

Add summitTZ to the action payload in getSponsorPages.

The reducer destructures summitTZ from the REQUEST_SPONSOR_PAGES payload (line 53) and stores it in state (line 63), but the action creator in sponsor-pages-actions.js (line 99) doesn't include it in the payload:

{ order, orderDir, page, term, hideArchived }

This causes summitTZ to always be undefined. Either add it to the payload:

{ order, orderDir, page, term, hideArchived, summitTZ: currentSummit.time_zone.name }

Or remove the summitTZ destructuring and state assignment from the reducer if it's not needed for this feature.

🤖 Fix all issues with AI agents
In `@src/actions/sponsor-pages-actions.js`:
- Around line 186-191: The .catch() in the promise chain inside
sponsor-pages-actions.js logs errors then swallows them, causing callers like
handleSaveSponsorPage to always see a resolved promise; change the .catch
handlers (the ones surrounding dispatch(stopLoading())) to either remove the
.catch so the rejection bubbles up or re-throw the error after logging (e.g.,
console.error(err); throw err;) so callers can handle failures; apply the same
change to the second occurrence noted around the 210-215 range.
🧹 Nitpick comments (1)
src/pages/sponsors/sponsor-pages-list-page/index.js (1)

104-109: Consider adding error handling for failed saves.

If saveSponsorPage fails, the current implementation still closes the popup and refreshes the list (assuming the error-swallowing issue in the action is fixed by re-throwing). Consider adding a .catch() to handle failures gracefully:

saveSponsorPage(entity)
  .then(() => {
    setOpenPopup(null);
    getSponsorPages();
  })
  .catch(() => {
    // Optionally show error feedback or keep popup open
  });

@tomrndom tomrndom requested review from romanetar and smarcet February 3, 2026 20:16
Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
@tomrndom tomrndom force-pushed the fix/sponsor-pages-edit branch from c15f28a to f13f305 Compare February 11, 2026 20:10
Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/reducers/sponsors/sponsor-pages-list-reducer.js (1)

55-66: ⚠️ Potential issue | 🟡 Minor

Pass summitTZ from currentSummit in the getSponsorPages action payload.

The action currently omits summitTZ when dispatching the REQUEST_SPONSOR_PAGES action (line 63), causing the reducer state to be set to undefined instead of a valid timezone. Extract summitTZ from currentSummit (similar to other list actions in the codebase) and include it in the payload to prevent downstream TZ conversion errors.

🤖 Fix all issues with AI agents
In `@src/pages/sponsors/sponsor-pages-list-page/index.js`:
- Around line 243-248: The PageTemplatePopup is missing the summitTZ prop
causing incorrect timezone normalization; update the JSX where PageTemplatePopup
is rendered (the instance using props open={openPopup === "new"},
pageTemplate={currentSponsorPage}, onClose={handleTemplatePopupClose},
onSave={handleSaveSponsorPage}) to pass summitTZ from component state (e.g.,
summitTZ || 'UTC' or another safe fallback) so the popup receives the timezone
for conversions.
🧹 Nitpick comments (1)
src/pages/sponsors-global/page-templates/page-template-popup/index.js (1)

29-35: Add summitTZ to propTypes for clarity and validation.

🛠️ Suggested fix
 PageTemplatePopup.propTypes = {
   open: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
-  onSave: PropTypes.func.isRequired
+  onSave: PropTypes.func.isRequired,
+  summitTZ: PropTypes.string
 };

Copy link

@smarcet smarcet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom please review comments

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/i18n/en.json (1)

2659-2669: ⚠️ Potential issue | 🟡 Minor

Minor: update the error copy to reference pages (not forms).
This message appears in the pages popup, so “forms” is confusing.

✏️ Suggested copy fix
-      "error": "There was a problem creating the forms, please try again.",
+      "error": "There was a problem creating the pages, please try again.",
🧹 Nitpick comments (3)
src/pages/sponsors/show-pages-list-page/components/global-page/global-page-popup.js (3)

26-31: Consider preserving list state when refreshing after clone.

Calling getShowPages() with no arguments resets the list to page 1 with no filters. If the parent component has active filters or pagination, this refresh will discard that state.

Consider either:

  1. Passing the current list parameters to getShowPages(), or
  2. Letting the parent component handle the refresh after close

This may be acceptable if the popup is only opened from an unfiltered list view.


49-52: PropTypes are incomplete.

cloneGlobalPage and getShowPages are missing from the propTypes definition. While they're injected via Redux connect, documenting them improves component clarity.

📝 Proposed fix
 GlobalPagePopup.propTypes = {
   open: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired,
+  cloneGlobalPage: PropTypes.func.isRequired,
+  getShowPages: PropTypes.func.isRequired
 };

7-8: Move cloneGlobalPage to show-pages-actions for consistency.

cloneGlobalPage is defined in sponsor-pages-actions but operates on the /show-pages/clone API endpoint and imports getShowPages from show-pages-actions. Moving it to show-pages-actions aligns with the refactoring objective and eliminates the duplicate GLOBAL_PAGE_CLONED constant currently defined in both files.

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom header should be 2026.

@fntechgit fntechgit deleted a comment from coderabbitai bot Feb 18, 2026
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this could break is currentSummit.time_zone is not loaded

@fntechgit fntechgit deleted a comment from coderabbitai bot Feb 18, 2026
@fntechgit fntechgit deleted a comment from coderabbitai bot Feb 18, 2026
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

onClose={() => setOpenPopup(null)}
/>
{/* <FormPagePopup
<PageTemplatePopup
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom
Missing summitTZ prop on PageTemplatePopup
But the modified PageTemplatePopup uses summitTZ in normalizeModules to convert upload_deadline timestamps Compare with page-template-list-page.js which correctly passes summitTZ={summitTZ}.

 <PageTemplatePopup
        open={!!pageTemplateId}
        onClose={() => setPageTemplateId(null)}
        onSave={handleSavePageTemplate}
        summitTZ={summitTZ}
      />

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom
the reducer's REQUEST_SHOW_PAGES case destructures summitTZ from the payload ( see https://github.com/fntechgit/summit-admin/pull/770/changes#diff-30f965cccdeb18fdaffc13c197ef73cb744f1ea7334a51aab58a10fccd338ff4R55) , but getShowPages never includes summitTZ in its extra data object:

  // show-pages-actions.js line ~131
  { order, orderDir, page, term, hideArchived }  // <-- no summitTZ

So state.summitTZ will always remain null. This needs to be passed through the action and forwarded to the popup.

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom there is double dispatch here
cloneGlobalPage in sponsor-pages-actions.js dispatches getShowPages() internally in its .then(). Then global-page-popup.js calls getShowPages() again in .finally():

  // sponsor-pages-actions.js
  .then(() => {
    dispatch(getShowPages());  // fetch #1
    dispatch(snackbarSuccessHandler(...));
  })
  // global-page-popup.js
  cloneGlobalPage(...).finally(() => {
    getShowPages();   // fetch #2
    handleClose();
  });

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom this seems a dupe constant

@fntechgit fntechgit deleted a comment from coderabbitai bot Feb 18, 2026
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom
this is a pure function, it only uses its arguments and the PAGES_MODULE_KINDS constant.
so please define it outside of the component ( its recreated on every render)

Copy link

@smarcet smarcet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tomrndom please review comments

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments