Fix missing button styling on error dialog

2026-01-30 03:15:55 +00:00 · 2025-07-31 15:00:21 +02:00
parent c7b0f9783d
commit 007a50d0f1
1 changed files with 7 additions and 2 deletions
--- a/src/room/GroupCallErrorBoundary.tsx
+++ b/src/room/GroupCallErrorBoundary.tsx
@@ -21,6 +21,7 @@ import {
  OfflineIcon,
  WebBrowserIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button } from "@vector-im/compound-web";

 import {
  ConnectionLostError,
@@ -93,9 +94,13 @@ const ErrorPage: FC<ErrorPageProps> = ({
        </p>
        {actions &&
          actions.map((action, index) => (
-            <button onClick={action.onClick} key={`action${index}`}>
+            <Button
+              kind="secondary"
+              onClick={action.onClick}
+              key={`action${index}`}
+            >
              {action.label}
-            </button>
+            </Button>
          ))}
      </ErrorView>
    </FullScreenView>