From 6ab9df8d419fae9f1de9d539a5f9f2d751b2db9f Mon Sep 17 00:00:00 2001
From: Jesse Snyder <jessetsnyder@gmail.com>
Date: Thu, 15 Aug 2024 23:53:50 -0600
Subject: [PATCH] reset panes if search result

---
 web/src/components/WikipediaBrowser.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/src/components/WikipediaBrowser.tsx b/web/src/components/WikipediaBrowser.tsx
index c23dd0f..5a6b066 100644
--- a/web/src/components/WikipediaBrowser.tsx
+++ b/web/src/components/WikipediaBrowser.tsx
@@ -6,11 +6,11 @@ import "./WikipediaBrowser.css";
 interface Pane {
   title: string;
   content: string;
-  isHomepage: boolean;
+  isSearchResult: boolean;
   width: number;
 }
 
-const SearchBar = memo(({ onSearch }: { onSearch: (term: string, isHomepage: boolean) => void }) => {
+const SearchBar = memo(({ onSearch }: { onSearch: (term: string, isSearchResult: boolean) => void }) => {
   const [searchTerm, setSearchTerm] = useState("");
 
   const handleSubmit = (e: React.FormEvent) => {
@@ -125,7 +125,7 @@ const WikipediaBrowser: React.FC = () => {
   const [clickedLinks, setClickedLinks] = useState<Set<string>>(new Set());
 
   useEffect(() => {
-    fetchWikipediaContent("Main Page", true);
+    fetchWikipediaContent("Main Page");
 
     // use wikipedia's stylesheet
     const link = document.createElement("link");
@@ -139,15 +139,14 @@ const WikipediaBrowser: React.FC = () => {
     };
   }, []);
 
-  const fetchWikipediaContent = useCallback(async (title: string, isHomepage: boolean = false) => {
+  const fetchWikipediaContent = useCallback(async (title: string, isSearchResult: boolean = false) => {
     setIsLoading(true);
     try {
       const response = await fetch(`https://en.wikipedia.org/w/api.php?action=parse&format=json&page=${encodeURIComponent(title)}&prop=text&formatversion=2&origin=*`);
       const data = await response.json();
       if (data.parse) {
-        const newPane = { title: data.parse.title, content: data.parse.text, isHomepage, width: 720 };
-        if (panes.length === 0 || (activePane === 0 && panes[0].isHomepage) || isHomepage) {
-          // For the first pane or updating the homepage, just set or update it
+        const newPane = { title: data.parse.title, content: data.parse.text, isSearchResult, width: 720 };
+        if (panes.length === 0 || isSearchResult) {
           setPanes([newPane]);
           setActivePane(0);
         } else {