From 5125b9558c558443aeb11d546b3fe86ee5165fc7 Mon Sep 17 00:00:00 2001 From: Santiago Palenque Date: Mon, 27 Jul 2026 17:08:12 -0300 Subject: [PATCH 1/3] chore: add floor width to table --- src/pages/summits/summit-directory-page.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/summits/summit-directory-page.js b/src/pages/summits/summit-directory-page.js index f5d84a303..795252579 100644 --- a/src/pages/summits/summit-directory-page.js +++ b/src/pages/summits/summit-directory-page.js @@ -217,6 +217,7 @@ const SummitDirectoryPage = ({ Date: Mon, 27 Jul 2026 18:02:27 -0300 Subject: [PATCH 2/3] fix: directory mobile view --- src/pages/summits/summit-directory-page.js | 303 ++++++++++----------- src/styles/general.less | 8 + src/styles/landing.css | 13 + src/styles/summit-directory-page.less | 11 - 4 files changed, 163 insertions(+), 172 deletions(-) delete mode 100644 src/styles/summit-directory-page.less diff --git a/src/pages/summits/summit-directory-page.js b/src/pages/summits/summit-directory-page.js index 795252579..7e40c1184 100644 --- a/src/pages/summits/summit-directory-page.js +++ b/src/pages/summits/summit-directory-page.js @@ -26,9 +26,9 @@ import FormGroup from "@mui/material/FormGroup"; import Grid2 from "@mui/material/Grid2"; import AddIcon from "@mui/icons-material/Add"; import { - loadSummits, clearCurrentSummit, - deleteSummit + deleteSummit, + loadSummits } from "../../actions/summit-actions"; import Member from "../../models/member"; import { DEFAULT_CURRENT_PAGE } from "../../utils/constants"; @@ -79,179 +79,160 @@ const SummitDirectoryPage = ({ ? memberObj.canDeleteSummits() : false; - try { - const handlePageChange = (page) => { - loadSummits(page, perPage, searchTerm, hidePastEvents); - }; + const handlePageChange = (page) => { + loadSummits(page, perPage, searchTerm, hidePastEvents); + }; - const handlePerPageChange = (newPerPage) => { - loadSummits(DEFAULT_CURRENT_PAGE, newPerPage, searchTerm, hidePastEvents); - }; + const handlePerPageChange = (newPerPage) => { + loadSummits(DEFAULT_CURRENT_PAGE, newPerPage, searchTerm, hidePastEvents); + }; - const handleSearch = (value) => { - setSearchTerm(value); - loadSummits(DEFAULT_CURRENT_PAGE, perPage, value, hidePastEvents); - }; + const handleSearch = (value) => { + setSearchTerm(value); + loadSummits(DEFAULT_CURRENT_PAGE, perPage, value, hidePastEvents); + }; - const handleHidePastEventsChange = (ev) => { - const { checked } = ev.target; - setHidePastEvents(checked); - loadSummits(DEFAULT_CURRENT_PAGE, perPage, searchTerm, checked); - }; + const handleHidePastEventsChange = (ev) => { + const { checked } = ev.target; + setHidePastEvents(checked); + loadSummits(DEFAULT_CURRENT_PAGE, perPage, searchTerm, checked); + }; - const handleNewSummit = () => { - history.push("/app/summits/new"); - }; + const handleNewSummit = () => { + history.push("/app/summits/new"); + }; - const handleEditSummit = (summit) => { - history.push(`/app/summits/${summit.id}`); - }; + const handleEditSummit = (summit) => { + history.push(`/app/summits/${summit.id}`); + }; - const handleSelectSummit = (summit) => { - history.push(`/app/summits/${summit.id}/dashboard`); - }; + const handleSelectSummit = (summit) => { + history.push(`/app/summits/${summit.id}/dashboard`); + }; - const columns = [ - { - columnKey: "id", - header: T.translate("directory.id"), - width: 80 - }, - { - columnKey: "name", - header: T.translate("directory.summit_name") - }, - { - columnKey: "sponsor_qty", - header: T.translate("directory.sponsors"), - render: (row) => row.sponsor_qty ?? 0 - }, - { - columnKey: "sponsor_forms_qty", - header: T.translate("directory.forms"), - render: (row) => row.sponsor_forms_qty ?? 0 - }, - { - columnKey: "sponsor_attachments_qty", - header: T.translate("directory.attachments"), - render: (row) => row.sponsor_attachments_qty ?? 0 - }, - { - columnKey: "start_date", - header: T.translate("directory.start_date"), - render: (row) => formatEpoch(row.start_date, "MMMM Do YYYY") - }, - { - columnKey: "end_date", - header: T.translate("directory.end_date"), - render: (row) => formatEpoch(row.end_date, "MMMM Do YYYY") - }, - { - columnKey: "invite_only_registration", - header: "", - width: 120, - render: (row) => - row.invite_only_registration ? ( - - ) : null - } - ]; + const columns = [ + { + columnKey: "id", + header: T.translate("directory.id") + }, + { + columnKey: "name", + header: T.translate("directory.summit_name") + }, + { + columnKey: "sponsor_qty", + header: T.translate("directory.sponsors"), + render: (row) => row.sponsor_qty ?? 0 + }, + { + columnKey: "sponsor_forms_qty", + header: T.translate("directory.forms"), + render: (row) => row.sponsor_forms_qty ?? 0 + }, + { + columnKey: "sponsor_attachments_qty", + header: T.translate("directory.attachments"), + render: (row) => row.sponsor_attachments_qty ?? 0 + }, + { + columnKey: "start_date", + header: T.translate("directory.start_date"), + render: (row) => formatEpoch(row.start_date, "MMMM Do YYYY") + }, + { + columnKey: "end_date", + header: T.translate("directory.end_date"), + render: (row) => formatEpoch(row.end_date, "MMMM Do YYYY") + }, + { + columnKey: "invite_only_registration", + header: "", + width: 120, + render: (row) => + row.invite_only_registration ? ( + + ) : null + } + ]; - return ( - -

{T.translate("directory.summits")}

+ return ( + +

+ {T.translate("directory.summits")} ({totalSummits}) +

+ + + + - - {totalSummits} {T.translate("directory.shows")} - - - - - } - label={T.translate("directory.hide_past_events")} - /> - - - - - {canAddSummits && ( - - )} - + + + } + label={T.translate("directory.hide_past_events")} + /> + + {canAddSummits && ( + + )} - deleteSummit(id) : undefined} - onSelect={handleSelectSummit} - getName={(row) => row.name} - deleteDialogTitle={T.translate("general.are_you_sure")} - deleteDialogBody={(name) => - `${T.translate("directory.remove_warning")} ${name}` - } - deleteDialogConfirmText={T.translate("general.yes_delete")} - confirmButtonColor="error" - /> - - ); - } catch (err) { - return ( -
-

{T.translate("directory.error_loading")}

- 
{err.message}
-
- ); - } + + deleteSummit(id) : undefined} + onSelect={handleSelectSummit} + getName={(row) => row.name} + deleteDialogTitle={T.translate("general.are_you_sure")} + deleteDialogBody={(name) => + `${T.translate("directory.remove_warning")} ${name}` + } + deleteDialogConfirmText={T.translate("general.yes_delete")} + confirmButtonColor="error" + /> + + ); }; const mapStateToProps = ({ directoryState, loggedUserState }) => ({ diff --git a/src/styles/general.less b/src/styles/general.less index 3585c54cf..cc0256ffe 100644 --- a/src/styles/general.less +++ b/src/styles/general.less @@ -220,3 +220,11 @@ h3 { .copy-button { cursor: pointer; } + +/* MOBILE SPECIFIC */ + +@media only screen and (max-width: 768px) { + .breadcrumbs-wrapper { + padding: 10px 16px; + } +} diff --git a/src/styles/landing.css b/src/styles/landing.css index bdb8812d0..f1219725d 100644 --- a/src/styles/landing.css +++ b/src/styles/landing.css @@ -83,6 +83,7 @@ body { @media only screen and (max-width: 768px) { .container { width: 100%; + padding: 30px 16px; } .col-md-2, @@ -94,4 +95,16 @@ body { margin-top: 10px; margin-bottom: 10px; } + + .header { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + } + + body { + padding-top: 64px; + } } diff --git a/src/styles/summit-directory-page.less b/src/styles/summit-directory-page.less deleted file mode 100644 index 719f0cb9b..000000000 --- a/src/styles/summit-directory-page.less +++ /dev/null @@ -1,11 +0,0 @@ -#summit_table { - margin-top: 20px; - .actions { - text-align: right; - width: unset; - - .btn { - margin-right: 10px; - } - } -} From 8e6f71603e2dbc094f892cac951ff997c0e948e8 Mon Sep 17 00:00:00 2001 From: Santiago Palenque Date: Tue, 28 Jul 2026 12:49:56 -0300 Subject: [PATCH 3/3] chore: pr review --- src/i18n/en.json | 2 -- src/pages/summits/summit-directory-page.js | 2 +- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/src/i18n/en.json b/src/i18n/en.json index 90d959ede..c97940d0a 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -306,10 +306,8 @@ "directory": { "select": "Select", "summits": "Shows", - "shows": "shows", "add_summit": "Add Show", "remove_warning": "Are you sure you want to delete event", - "error_loading": "Error loading directory.", "invitation_only": "Invitation Only", "id": "ID", "summit_name": "Event Name", diff --git a/src/pages/summits/summit-directory-page.js b/src/pages/summits/summit-directory-page.js index 7e40c1184..1eea4c25b 100644 --- a/src/pages/summits/summit-directory-page.js +++ b/src/pages/summits/summit-directory-page.js @@ -214,7 +214,7 @@ const SummitDirectoryPage = ({