From 33ff8c9289071ce0d5e077f0b220b13fd792768e Mon Sep 17 00:00:00 2001
From: Taylor Reece <taylor.reece@prismatic.io>
Date: Wed, 22 Oct 2025 11:41:02 -0500
Subject: [PATCH] Fix docs screenshot endpoint

---
 .../src/docs-layout/AppBar.tsx                | 24 +++++++++----------
 .../src/docs-layout/AppDrawer.tsx             | 16 ++++++-------
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/example-embedded-app/src/docs-layout/AppBar.tsx b/example-embedded-app/src/docs-layout/AppBar.tsx
index db35aaf..3a66702 100644
--- a/example-embedded-app/src/docs-layout/AppBar.tsx
+++ b/example-embedded-app/src/docs-layout/AppBar.tsx
@@ -2,7 +2,6 @@
 import React, { useState } from "react";
 import { alpha } from "@mui/material/styles";
 import { useRouter } from "next/router";
-import Link from "next/link";
 import MuiAppBar from "@mui/material/AppBar";
 import Box from "@mui/material/Box";
 import Toolbar from "@mui/material/Toolbar";
@@ -177,18 +176,17 @@ const AppBar: React.FC<{
           open={isMenuOpen}
           onClose={closeMenu}
         >
-          <Link key={0} href={"/settings/user"} passHref>
-            <MenuItem
-              onClick={() => {
-                closeMenu();
-              }}
-            >
-              <ListItemIcon>
-                <Person fontSize="small" />
-              </ListItemIcon>
-              <ListItemText primary="Profile" data-cy="account-profile" />
-            </MenuItem>
-          </Link>
+          <MenuItem
+            onClick={() => {
+              closeMenu();
+              router.push("/settings/user");
+            }}
+          >
+            <ListItemIcon>
+              <Person fontSize="small" />
+            </ListItemIcon>
+            <ListItemText primary="Profile" data-cy="account-profile" />
+          </MenuItem>
           <Divider />
           <MenuItem
             onClick={() => {
diff --git a/example-embedded-app/src/docs-layout/AppDrawer.tsx b/example-embedded-app/src/docs-layout/AppDrawer.tsx
index b7e7704..0134de0 100644
--- a/example-embedded-app/src/docs-layout/AppDrawer.tsx
+++ b/example-embedded-app/src/docs-layout/AppDrawer.tsx
@@ -98,8 +98,8 @@ const AppDrawer: React.FC<{
         }}
       >
         {/* <ListSubheader sx={{ fontSize: "1rem" }}>Dashboard</ListSubheader> */}
-        <Link href="/" passHref>
-          <ListItemButton component="a" selected={pathname === "/"}>
+        <Link href="/" passHref style={{ textDecoration: "none", color: "inherit" }}>
+          <ListItemButton selected={pathname === "/"}>
             <ListItemIcon sx={{ color: "inherit" }}>
               <Icons.Home />
             </ListItemIcon>
@@ -128,8 +128,8 @@ const AppDrawer: React.FC<{
           },
         ].map((entry, i) => {
           return (
-            <Link key={`records-${i}`} href={entry?.link || "/#"} passHref>
-              <ListItemButton component="a" selected={pathname === entry?.link}>
+            <Link key={`records-${i}`} href={entry?.link || "/#"} passHref style={{ textDecoration: "none", color: "inherit" }}>
+              <ListItemButton selected={pathname === entry?.link}>
                 <ListItemIcon sx={{ color: "inherit" }}>
                   {entry?.icon}
                 </ListItemIcon>
@@ -165,8 +165,8 @@ const AppDrawer: React.FC<{
           },
         ].map((entry, i) => {
           return (
-            <Link key={`integrations-${i}`} href={entry?.link || "/#"} passHref>
-              <ListItemButton component="a" selected={pathname === entry?.link}>
+            <Link key={`integrations-${i}`} href={entry?.link || "/#"} passHref style={{ textDecoration: "none", color: "inherit" }}>
+              <ListItemButton selected={pathname === entry?.link}>
                 <ListItemIcon sx={{ color: "inherit" }}>
                   {entry?.icon}
                 </ListItemIcon>
@@ -197,8 +197,8 @@ const AppDrawer: React.FC<{
           },
         ].map((entry, i) => {
           return (
-            <Link key={`settings-${i}`} href={entry?.link || "/#"} passHref>
-              <ListItemButton component="a" selected={pathname === entry?.link}>
+            <Link key={`settings-${i}`} href={entry?.link || "/#"} passHref style={{ textDecoration: "none", color: "inherit" }}>
+              <ListItemButton selected={pathname === entry?.link}>
                 <ListItemIcon sx={{ color: "inherit" }}>
                   {entry?.icon}
                 </ListItemIcon>