From 5f34d019060eea780ecde31e87ae2f033302ac82 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Thu, 29 May 2025 08:27:52 -0300
Subject: [PATCH] refactor: replace MUI components and refactor styles (#18082)

**Before:**
<img width="1196" alt="Screenshot 2025-05-28 at 13 26 03"
src="https://github.com/user-attachments/assets/86c2830e-6777-441c-aedc-64fef472e369"
/>


**After:**
<img width="1197" alt="Screenshot 2025-05-28 at 13 24 19"
src="https://github.com/user-attachments/assets/08e2dc4e-424a-43d8-a343-0ac8e03c9948"
/>
---
 .../ErrorBoundary/GlobalErrorBoundary.tsx        | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx b/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx
index f419dc208d..009a87ba25 100644
--- a/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx
+++ b/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx
@@ -1,6 +1,6 @@
-import Link from "@mui/material/Link";
 import { Button } from "components/Button/Button";
 import { CoderIcon } from "components/Icons/CoderIcon";
+import { Link } from "components/Link/Link";
 import { useEmbeddedMetadata } from "hooks/useEmbeddedMetadata";
 import { type FC, useState } from "react";
 import { Helmet } from "react-helmet-async";
@@ -43,14 +43,14 @@ export const GlobalErrorBoundaryInner: FC<GlobalErrorBoundaryInnerProps> = ({
 					<CoderIcon className="w-11 h-11" />
 
 					<div className="text-content-primary flex flex-col gap-1">
-						<h1 className="text-2xl font-normal m-0">{errorPageTitle}</h1>
-						<p className="leading-6 m-0">
+						<h1 className="text-2xl font-semibold m-0">{errorPageTitle}</h1>
+						<p className="leading-6 m-0 text-content-secondary text-sm">
 							Please try reloading the page. If reloading does not work, you can
 							ask for help in the{" "}
 							<Link
 								href="https://discord.gg/coder"
 								target="_blank"
-								rel="noreferer"
+								rel="noreferrer"
 							>
 								Coder Discord community
 								<span className="sr-only"> (link opens in a new tab)</span>
@@ -58,7 +58,7 @@ export const GlobalErrorBoundaryInner: FC<GlobalErrorBoundaryInnerProps> = ({
 							or{" "}
 							<Link
 								target="_blank"
-								rel="noreferer"
+								rel="noreferrer"
 								href={publicGithubIssueLink(
 									coderVersion,
 									location.pathname,
@@ -73,9 +73,9 @@ export const GlobalErrorBoundaryInner: FC<GlobalErrorBoundaryInnerProps> = ({
 					</div>
 				</div>
 
-				<div className="flex flex-row flex-nowrap justify-center gap-4">
-					<Button asChild className="min-w-32 font-medium">
-						<Link href={location.pathname}>Reload page</Link>
+				<div className="flex flex-row flex-nowrap justify-center gap-2">
+					<Button asChild className="min-w-32 ">
+						<a href={location.pathname}>Reload page</a>
 					</Button>
 
 					{isRenderableError && (