Add binary search interactive

Recreate the binary search interactive, add a popup explanation, social sharing, and green screen versions. Place it under Data Structures.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 14:51:05 +00:00
parent ee4f62434e
commit dda00627f8
6 changed files with 278 additions and 5 deletions

View file

@ -0,0 +1,18 @@
import { useParams } from 'react-router-dom';
import BinarySearchTrick from '@/components/BinarySearchTrick';
import GreenScreenWrapper from '@/components/GreenScreenWrapper';
const BinarySearchTrickGreenScreen = () => {
const { mode } = useParams<{ mode: 'gs-lite' | 'gs-dark' }>();
const greenScreenMode = mode === 'gs-dark' ? 'dark' : 'lite';
return (
<GreenScreenWrapper mode={greenScreenMode}>
<div className="space-y-6">
<BinarySearchTrick showSocialShare={false} />
</div>
</GreenScreenWrapper>
);
};
export default BinarySearchTrickGreenScreen;