Add taskbar search tweals

This commit is contained in:
Dustin Brett 2023-11-09 13:21:52 -08:00
parent f4f7023a95
commit bc1f0f687c
2 changed files with 19 additions and 16 deletions

View File

@ -52,6 +52,7 @@
- [Peek](https://github.com/bubkoo/html-to-image) hover preview of windows
- Focused window indicator
- Search menu (w/Recent files)
### Clock

View File

@ -275,22 +275,24 @@ const Search: FC<SearchProps> = ({ toggleSearch }) => {
</figure>
</section>
<section>
<StyledFiles>
<figcaption>Recent</figcaption>
<ol>
{recentFiles.map(([file, pid]) => (
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
<li key={file} onClick={() => open(pid, { url: file })}>
<Icon
displaySize={16}
imgSize={16}
src={directory[pid]?.icon}
/>
<h2>{basename(file, extname(file))}</h2>
</li>
))}
</ol>
</StyledFiles>
{recentFiles.length > 0 && (
<StyledFiles>
<figcaption>Recent</figcaption>
<ol>
{recentFiles.map(([file, pid]) => (
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
<li key={file} onClick={() => open(pid, { url: file })}>
<Icon
displaySize={16}
imgSize={16}
src={directory[pid]?.icon}
/>
<h2>{basename(file, extname(file))}</h2>
</li>
))}
</ol>
</StyledFiles>
)}
<figure className="card">
<figcaption>
<Games />