Update src/App.tsx

src/App.tsx

@@ -1,37 +1,26 @@
-import React, { useEffect } from 'react';
+import React from 'react';
+// Import the shared interface from the store
 import { useOncologyStore, type TrialMatch } from './store/useOncologyStore';
 import Sidebar from './components/Sidebar';
 import TrialResultCard from './components/TrialResultCard';
 import ToxicityAlertRail from './components/ToxicityAlertRail';
-import { TrialMatch } from './store/useOncologyStore';
-const App = () => {
-  const { mutation, cancerType, matches, setMatches } = useOncologyStore();
 
-  useEffect(() => {
-    // Initial fetch to populate matches
-    fetch('/api/v13/comprehensive-profile', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ mutation, cancer_type: cancerType })
-    })
-    .then(res => res.json())
-    .then(data => setMatches(data.trial_matches));
-  }, [mutation, cancerType]);
+const App = () => {
+  const { matches, mutation, cancerType } = useOncologyStore();
 
   return (
-    <div className="flex h-screen bg-[#f9fafb]">
+    <div className="flex bg-gray-50 min-h-screen">
       <Sidebar />
-      <main className="flex-1 overflow-y-auto p-8">
+      <main className="flex-1 p-8">
         <header className="mb-8">
-          <h1 className="text-2xl font-semibold text-gray-900">Clinical Dashboard</h1>
-          <p className="text-gray-500">Patient Profile: {mutation} • {cancerType}</p>
+          <h1 className="text-2xl font-bold text-gray-900">Clinical Dashboard</h1>
+          <p className="text-gray-500">Patient Profile: {mutation} | {cancerType}</p>
         </header>
 
-        <div className="grid grid-cols-1 gap-6 max-w-4xl">
-          <h2 className="text-sm font-bold text-gray-400 uppercase tracking-widest">Trial Matches</h2>
+        <div className="grid grid-cols-1 gap-6">
           {matches.map((trial: TrialMatch) => (
-  <TrialResultCard key={trial.nct_id} trial={trial} />
-))}
+            <TrialResultCard key={trial.nct_id} trial={trial} />
+          ))}
         </div>
       </main>
       <ToxicityAlertRail />