cedarstalking with keyboard shortcuts
feat: add icon and footer
+14
-9
assets/icon.png
assets/icon.png
This is a binary file and will not be displayed.
+14
-9
src/search-directory.tsx
+14
-9
src/search-directory.tsx
···
807
807
icon={query.trim() ? Icon.MagnifyingGlass : Icon.Person}
808
808
/>
809
809
) : (
810
-
results.map((person) => (
811
-
<PersonListItem
812
-
key={person.Id}
813
-
person={person}
814
-
photoPath={photoPaths[person.Id] ?? null}
815
-
cookie={authState.cookie}
816
-
onSignOut={handleSignOut}
817
-
/>
818
-
))
810
+
<List.Section
811
+
title={`${results.length} result${results.length !== 1 ? "s" : ""}`}
812
+
footer={cacheSize > 0 ? `${cacheSize} people cached` : undefined}
813
+
>
814
+
{results.map((person) => (
815
+
<PersonListItem
816
+
key={person.Id}
817
+
person={person}
818
+
photoPath={photoPaths[person.Id] ?? null}
819
+
cookie={authState.cookie}
820
+
onSignOut={handleSignOut}
821
+
/>
822
+
))}
823
+
</List.Section>
819
824
)}
820
825
</List>
821
826
);