Standardize page wrappers, add showSocialShare prop, and add Cmd+K search

- Standardize all page wrappers to use consistent min-h-screen bg-background pattern
- Remove Layout wrapper usage from pages that had it
- Remove page-level SocialShare and headers, move into components
- Add showSocialShare prop to all interactive components for consistent control
- Add Cmd+K / Ctrl+K command palette search across all interactives
- Export allInteractives from InteractiveIndex for reuse

Co-Authored-By: Neeldhara Misra <mail@neeldhara.com>
This commit is contained in:
Devin AI 2026-02-18 20:07:30 +00:00
parent dc8300f358
commit 8f2a086df6
35 changed files with 259 additions and 357 deletions

View file

@ -1,29 +1,13 @@
import PebblePlacementGame from "@/components/PebblePlacementGame";
import { useSearchParams } from "react-router-dom";
const PebblePlacementGamePage = () => {
const [searchParams] = useSearchParams();
const from = searchParams.get('from');
if (from === 'puzzles') {
return (
<div className="min-h-screen bg-background">
<div className="container mx-auto px-4 py-8 space-y-6">
<div className="flex items-center gap-4">
<button
onClick={() => window.location.href = '/themes/puzzles'}
className="text-primary hover:text-primary/80 font-medium"
>
Back to Puzzles
</button>
</div>
<PebblePlacementGame showSocialShare={true} />
</div>
return (
<div className="min-h-screen bg-background">
<div className="container mx-auto px-4 py-8">
<PebblePlacementGame showSocialShare={true} />
</div>
);
}
return <PebblePlacementGame showSocialShare={true} />;
</div>
);
};
export default PebblePlacementGamePage;
export default PebblePlacementGamePage;