search

KittyCAD / modeling-app

The KittyCAD modeling app.
https://kittycad.io/modeling-app/download
MIT License
317 stars 24 forks source link

New Feature: Search projects in project Menu / command bar #2336

Open jgomez720 opened 2 months ago

jgomez720 commented 2 months ago

Description

We need the ability to search the files we have. I have officially reached the point where it's taking me too long to find the right file 😂

Screenshot 2024-05-10 at 10 30 41 AM
franknoirot commented 2 months ago

Easy, I got you

jessfraz commented 2 months ago

What if this was in the command bar instead

franknoirot commented 2 weeks ago

What if this was in the command bar instead

Oh we kinda have this in the command bar, but the user has to go to the "Open Project" command first. Here's a demo and discussion:

https://github.com/KittyCAD/modeling-app/assets/23481541/a7c1606d-f31c-4d69-91ae-92a888401bdc

The discussion about adding a sort of first-class file search to the command bar is ongoing in #1468, but I think adding a little filtration UI to the home page is pretty trivial; we already have the UI components and the Fuse.js fuzzy search library implemented for the CommandBarOptionInput component.

franknoirot commented 2 weeks ago

@jtran I actually walked you through the CommandBarOptionInput component today, so I think you should be able to implement this as an element in Home.tsx slotted in right here without too much trouble at all, so I'm going to reassign this to you. You can also look at SettingsSearchBar.tsx here.

You can probably borrow that wholecloth, with the only difference being that I think you should filter the project cards list in situ, not show a Combobox of options like that search bar does.