From 18938fb76508ed8871dcdfdc237627b2298759cc Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Mon, 16 Feb 2026 06:58:24 -0800
Subject: [PATCH] =?UTF-8?q?chore(profile):=20=F0=9F=94=A7=20Update=20Profi?=
 =?UTF-8?q?le=20component=20styling=20in=20App.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 features/profile/frontend-showcase/src/App.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/features/profile/frontend-showcase/src/App.tsx b/features/profile/frontend-showcase/src/App.tsx
index 40d1a4164..feac10656 100644
--- a/features/profile/frontend-showcase/src/App.tsx
+++ b/features/profile/frontend-showcase/src/App.tsx
@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { BrowserRouter, Routes, Route, useNavigate } from 'react-router-dom';
 import { NavigationBar } from './components/NavigationBar';
 import { ClientView } from './routes/BrowseView';
 import { ManageView } from './routes/ManageView';
@@ -8,13 +8,18 @@ const VIEWS = [
   { id: 'manage', label: 'Manage', path: '/manage' },
 ] as const;
 
+function ManageRoute() {
+  const navigate = useNavigate();
+  return <ManageView onEditProfile={(slug) => navigate(`/providers/${slug}`)} />;
+}
+
 export function App() {
   return (
     <BrowserRouter>
       <NavigationBar views={VIEWS} />
       <Routes>
         <Route path="/" element={<ClientView />} />
-        <Route path="/manage" element={<ManageView onEditProfile={(slug) => alert(`Edit profile: ${slug}`)} />} />
+        <Route path="/manage" element={<ManageRoute />} />
       </Routes>
     </BrowserRouter>
   );