Render the settings first, so that you can choose the right persona

Author: seanstory

example-apps/internal-knowledge-search/app-ui/src/App.tsx

@@ -21,8 +21,8 @@ function App() {
  <SidebarMenu/>
  <main className="flex-1 p-6">
  <Routes>
- <Route path="/" element={<SearchPage/>}/>
- <Route path="/settings" element={<SettingsPage/>}/>
+ <Route path="/" element={<SettingsPage/>}/>
+ <Route path="/search" element={<SearchPage/>}/>
  </Routes>
  </main>
  </div>

example-apps/internal-knowledge-search/app-ui/src/components/SidebarMenu.tsx

@@ -4,8 +4,8 @@ import {Link} from "react-router-dom";
 
 
 const navItems = [
- { label: 'Search', icon: <FaMagnifyingGlass/>, route: '/' },
- { label: 'Settings', icon: <FaGear/>, route: '/settings' }
+ { label: 'Search', icon: <FaMagnifyingGlass/>, route: '/search' },
+ { label: 'Settings', icon: <FaGear/>, route: '/' }
 ];
 
 const SidebarMenu: React.FC = () => {

example-apps/internal-knowledge-search/app-ui/src/pages/SearchPage.tsx

@@ -52,7 +52,6 @@ export default function SearchPage() {
  setLoading(true);
 
  const apiKey = searchPersonaAPIKey
- showToast("API key is: "+apiKey)
 
  const client = SearchApplicationClient(appName, searchEndpoint, apiKey, {
  "facets": {