Set the session pagination to use query parameters

Also reverses the order of the sessions to show the most recent ones first. Fixes #1497
matrix-org · Feb 19, 2024 · b8ab974 · b8ab974
1 parent 1c000a1
commit b8ab974
Show file tree

Hide file tree

Showing 21 changed files with 1,012 additions and 1,549 deletions.
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
@@ -39,9 +39,6 @@
  "title": "Invalid email"
  }
  },
- "app_sessions_list": {
- "heading": "Apps"
- },
  "browser_session_details": {
  "current_badge": "Current",
  "session_details_title": "Session"
@@ -165,6 +162,8 @@
  "display_name_field_label": "Display Name"
  },
  "user_sessions_overview": {
+ "active_sessions:one": "{{count}} active session",
+ "active_sessions:other": "{{count}} active sessions",
  "heading": "Where you're signed in"
  },
  "verify_email": {

diff --git a/frontend/src/components/BrowserSessionList.tsx b/frontend/src/components/BrowserSessionList.tsx
diff --git a/frontend/src/components/ButtonLink.tsx b/frontend/src/components/ButtonLink.tsx
@@ -35,6 +35,7 @@ export const ButtonLink: LinkComponent<Props> = forwardRef<
  kind={kind}
  size={size}
  destructive={destructive}
+ disabled={props.disabled}
  Icon={Icon}
  ref={ref}
  {...linkProps}

diff --git a/frontend/src/components/SessionDetail/BrowserSessionDetail.tsx b/frontend/src/components/SessionDetail/BrowserSessionDetail.tsx
@@ -132,7 +132,7 @@ const BrowserSessionDetail: React.FC<Props> = ({ session }) => {
  {t("frontend.browser_session_details.current_badge")}
  </Badge>
  )}
- <SessionHeader to="/sessions">{sessionName}</SessionHeader>
+ <SessionHeader to="/sessions/browsers">{sessionName}</SessionHeader>
  <SessionDetails
  title={t("frontend.browser_session_details.session_details_title")}
  details={sessionDetails}

diff --git a/frontend/src/components/SessionDetail/SessionDetail.tsx b/frontend/src/components/SessionDetail/SessionDetail.tsx
diff --git a/frontend/src/components/SessionDetail/index.ts b/frontend/src/components/SessionDetail/index.ts
diff --git a/frontend/src/components/SessionList/SessionListHeader.module.css b/frontend/src/components/SessionList/SessionListHeader.module.css
diff --git a/frontend/src/components/SessionList/SessionListHeader.stories.tsx b/frontend/src/components/SessionList/SessionListHeader.stories.tsx
diff --git a/frontend/src/components/SessionList/SessionListHeader.test.tsx b/frontend/src/components/SessionList/SessionListHeader.test.tsx