Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add header/footer to data structures page

Browse source 
Add global header and footer to the data structures page and rename the page to "Data Structures and Algorithms".
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 15:16:13 +00:00
parent c2c5f0e4bd
commit e636df7fd1
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/InteractiveGallery.tsx
View file

@ -26,7 +26,7 @@ const InteractiveGallery = () => {
const InteractiveComponent = selectedInteractive.component; const InteractiveComponent = selectedInteractive.component;
return <div className="space-y-6"> return <div className="space-y-6">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">← Back to Data Structures</button> <button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">← Back to Data Structures and Algorithms</button>
</div> </div>
<div className="bg-background border rounded-lg p-6"> <div className="bg-background border rounded-lg p-6">
@ -36,7 +36,7 @@ const InteractiveGallery = () => {
} }
return <div className="space-y-6"> return <div className="space-y-6">
<div className="space-y-4"> <div className="space-y-4">
<h1 className="text-3xl font-bold text-foreground">Data Structures</h1> <h1 className="text-3xl font-bold text-foreground">Data Structures and Algorithms</h1>
<p className="text-muted-foreground text-lg">Interactive explorations of elementary data structures and algorithms.</p> <p className="text-muted-foreground text-lg">Interactive explorations of elementary data structures and algorithms.</p>
</div> </div>

5
src/pages/theme-pages/DataStructures.tsx
View file

@ -1,12 +1,13 @@
import Layout from "@/components/Layout";
import InteractiveGallery from "@/components/InteractiveGallery"; import InteractiveGallery from "@/components/InteractiveGallery";
const DataStructures = () => { const DataStructures = () => {
return ( return (
<div className="min-h-screen bg-background"> <Layout>
<div className="max-w-7xl mx-auto p-6"> <div className="max-w-7xl mx-auto p-6">
<InteractiveGallery /> <InteractiveGallery />
</div> </div>
</div> </Layout>
); );
}; };