Pull out contact finder as a picker

Co-Authored-By: Nathan Sobo <nathan@zed.dev>
This commit is contained in:
Antonio Scandurra
2022-05-10 16:43:51 +02:00
co-authored by Nathan Sobo
parent b721f0064a
commit f81edb88fe
14 changed files with 151 additions and 437 deletions
+1 -18
View File
@@ -1,33 +1,16 @@
import Theme from "../themes/theme";
import picker from "./picker";
import { backgroundColor, border, player, text } from "./components";
import { backgroundColor, text } from "./components";
export default function contactFinder(theme: Theme) {
return {
...picker(theme),
maxWidth: 540.,
maxHeight: 420.,
queryEditor: {
background: backgroundColor(theme, 500),
cornerRadius: 6,
text: text(theme, "mono", "primary"),
placeholderText: text(theme, "mono", "placeholder", { size: "sm" }),
selection: player(theme, 1).selection,
border: border(theme, "secondary"),
padding: {
bottom: 4,
left: 8,
right: 8,
top: 4,
},
},
rowHeight: 28,
contactAvatar: {
cornerRadius: 10,
width: 18,
},
contactUsername: {
...text(theme, "mono", "primary", { size: "sm" }),
padding: {
left: 8,
},