Address board UX review feedback
Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
parent
b1b3408efa
commit
5310bbd4d8
4 changed files with 6 additions and 5 deletions
|
|
@ -423,6 +423,7 @@ export function CommentThread({
|
||||||
|
|
||||||
setSubmitting(true);
|
setSubmitting(true);
|
||||||
try {
|
try {
|
||||||
|
// TODO: wire an explicit "send + interrupt" action through the composer if we expose it in the UI.
|
||||||
await onAdd(trimmed, reopen ? true : undefined, reassignment ?? undefined);
|
await onAdd(trimmed, reopen ? true : undefined, reassignment ?? undefined);
|
||||||
setBody("");
|
setBody("");
|
||||||
if (draftKey) clearDraft(draftKey);
|
if (draftKey) clearDraft(draftKey);
|
||||||
|
|
|
||||||
|
|
@ -136,7 +136,7 @@ describe("SwipeToArchive", () => {
|
||||||
|
|
||||||
const surface = container.querySelector("[data-inbox-row-surface]") as HTMLDivElement | null;
|
const surface = container.querySelector("[data-inbox-row-surface]") as HTMLDivElement | null;
|
||||||
expect(surface).not.toBeNull();
|
expect(surface).not.toBeNull();
|
||||||
expect(surface?.style.backgroundColor).toBe("rgb(243, 244, 246)");
|
expect(surface?.style.backgroundColor).toBe("hsl(var(--muted))");
|
||||||
expect(surface?.style.boxShadow).toBe("");
|
expect(surface?.style.boxShadow).toBe("");
|
||||||
|
|
||||||
act(() => {
|
act(() => {
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ interface SwipeToArchiveProps {
|
||||||
const COMMIT_THRESHOLD = 0.32;
|
const COMMIT_THRESHOLD = 0.32;
|
||||||
const MAX_SWIPE = 0.88;
|
const MAX_SWIPE = 0.88;
|
||||||
const COMMIT_DELAY_MS = 140;
|
const COMMIT_DELAY_MS = 140;
|
||||||
const SELECTED_ROW_BACKGROUND = "#f3f4f6";
|
const SELECTED_ROW_BACKGROUND = "hsl(var(--muted))";
|
||||||
|
|
||||||
export function SwipeToArchive({
|
export function SwipeToArchive({
|
||||||
children,
|
children,
|
||||||
|
|
|
||||||
|
|
@ -1336,9 +1336,9 @@ export function Inbox() {
|
||||||
if (showTodayDivider) {
|
if (showTodayDivider) {
|
||||||
elements.push(
|
elements.push(
|
||||||
<div key="today-divider" className="flex items-center gap-3 px-4 my-2">
|
<div key="today-divider" className="flex items-center gap-3 px-4 my-2">
|
||||||
<div className="flex-1 border-t border-zinc-600" />
|
<div className="flex-1 border-t border-border" />
|
||||||
<span className="shrink-0 text-[11px] font-medium uppercase tracking-wider text-zinc-500">
|
<span className="shrink-0 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
|
||||||
Today
|
Earlier
|
||||||
</span>
|
</span>
|
||||||
</div>,
|
</div>,
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue