Edit Button Fix

Author: AttAditya

src/App.jsx

@@ -18,20 +18,22 @@ export function App() {
 
   const { getTopics, getContent } = useApi();
 
-  const switchContent = useCallback((url) => {
+  const switchContent = useCallback((item) => {
     setLoading(true);
     setContent(null);
-    getContent(url, (content) => {
+    getContent(item.url, (content) => {
+      setEditUrl(remoteUrl(item.path));
       setContent(content);
       setLoading(false);
     });
   }, [getContent]);
 
   const fetchSidebarData = useCallback(async () => {
     const topics = await getTopics();
+    const firstTopic = topics?.[0].items?.[0];
+    
     setSidebar(topics);
-    setEditUrl(remoteUrl(topics?.[0].items?.[0].path));
-    switchContent(topics?.[0].items?.[0].url);
+    switchContent(firstTopic);
   }, [getTopics, switchContent]);
 
   useEffect(() => {

src/components/Sidebar/index.jsx

@@ -20,7 +20,7 @@ export function Sidebar({ contents, switchContent }) {
                   key={item.value}
                   label={item.label}
                   value={item.value}
-                  action={() => switchContent(item.url)}
+                  action={() => switchContent(item)}
                 />)
               }
             </div>