diff --git a/src/components/EmptyState.tsx b/src/components/EmptyState.tsx index a1b694a..99fd2a0 100644 --- a/src/components/EmptyState.tsx +++ b/src/components/EmptyState.tsx @@ -1,20 +1,11 @@ export function EmptyState() { return ( -
+

No comments open

Your drafts will appear here when you start typing in comment boxes across GitHub and Reddit.

-
- - ยท - -
) } diff --git a/src/components/NoMatchesState.tsx b/src/components/NoMatchesState.tsx index 9076bde..30e25af 100644 --- a/src/components/NoMatchesState.tsx +++ b/src/components/NoMatchesState.tsx @@ -3,12 +3,12 @@ type NoMatchesStateProps = { } export function NoMatchesState({ onClearFilters }: NoMatchesStateProps) { return ( -
+

No matches found

diff --git a/src/components/PopupRoot.tsx b/src/components/PopupRoot.tsx index 0725a49..0484797 100644 --- a/src/components/PopupRoot.tsx +++ b/src/components/PopupRoot.tsx @@ -101,28 +101,8 @@ export function PopupRoot({ drafts }: PopupRootProps) { }) } - const getTableBody = () => { - if (drafts.length === 0) { - return - } - - if ( - filteredDrafts.length === 0 && - (filters.searchQuery || filters.sentFilter !== "both") - ) { - return - } - - return filteredDrafts.map((row) => ( - - )) + if (drafts.length === 0) { + return } return ( @@ -233,7 +213,25 @@ export function PopupRoot({ drafts }: PopupRootProps) { - {getTableBody()} + + {filteredDrafts.length === 0 && ( + + + + + + )} + {filteredDrafts.map((row) => ( + + ))} +
diff --git a/src/entrypoints/popup/style.css b/src/entrypoints/popup/style.css index 7a0144e..114f6e7 100644 --- a/src/entrypoints/popup/style.css +++ b/src/entrypoints/popup/style.css @@ -8,7 +8,7 @@ body { width: var(--popup-width); - height: var(--popup-height); + max-height: var(--popup-height); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; diff --git a/tests/playground/playground-styles.css b/tests/playground/playground-styles.css index e6587c5..4b0fece 100644 --- a/tests/playground/playground-styles.css +++ b/tests/playground/playground-styles.css @@ -17,7 +17,7 @@ body { /* Popup simulator frame */ .popup-frame { width: var(--popup-width); - height: var(--popup-height); + max-height: var(--popup-height); font-size: 14px; line-height: 1.4; background: white;