Loading src/components/Controls.tsx +32 −27 Original line number Diff line number Diff line import { Command, Eye } from 'lucide-react'; import { CommandDialog, CommandEmpty, Loading @@ -9,7 +10,6 @@ import { import { useEffect, useState } from 'react'; import { BsQrCode } from 'react-icons/bs'; import { Button } from '@/components/ui/button'; import { Command, Eye } from 'lucide-react'; import { Input } from '@/components/ui/input'; import QrCode from './QrCode.jsx'; Loading Loading @@ -99,7 +99,10 @@ const Projects = ({ items }) => { {items.map(item => ( <Item key={item.title}> <Eye /> <span> <a href={`/${item.meta.identifier}`}>{item.title}</a></span> <span> <a href={`/${item.meta.identifier}`}>{item.title}</a> </span> </Item> ))} </CommandGroup> Loading @@ -120,7 +123,8 @@ export default ({ items }) => { document.addEventListener('keydown', down); return () => document.removeEventListener('keydown', down); }, []); return <div> return ( <div> <div id="control-container"> <ToggleButton onClick={() => setOpen(true)} /> <SearchInput /> Loading @@ -145,5 +149,6 @@ export default ({ items }) => { <Projects items={items} /> </CommandList> </CommandDialog> </div>; </div> ); }; Loading
src/components/Controls.tsx +32 −27 Original line number Diff line number Diff line import { Command, Eye } from 'lucide-react'; import { CommandDialog, CommandEmpty, Loading @@ -9,7 +10,6 @@ import { import { useEffect, useState } from 'react'; import { BsQrCode } from 'react-icons/bs'; import { Button } from '@/components/ui/button'; import { Command, Eye } from 'lucide-react'; import { Input } from '@/components/ui/input'; import QrCode from './QrCode.jsx'; Loading Loading @@ -99,7 +99,10 @@ const Projects = ({ items }) => { {items.map(item => ( <Item key={item.title}> <Eye /> <span> <a href={`/${item.meta.identifier}`}>{item.title}</a></span> <span> <a href={`/${item.meta.identifier}`}>{item.title}</a> </span> </Item> ))} </CommandGroup> Loading @@ -120,7 +123,8 @@ export default ({ items }) => { document.addEventListener('keydown', down); return () => document.removeEventListener('keydown', down); }, []); return <div> return ( <div> <div id="control-container"> <ToggleButton onClick={() => setOpen(true)} /> <SearchInput /> Loading @@ -145,5 +149,6 @@ export default ({ items }) => { <Projects items={items} /> </CommandList> </CommandDialog> </div>; </div> ); };