From 24370189756e8f0f1a115b980d03ded15ea533b0 Mon Sep 17 00:00:00 2001 From: Andrew Tavis McAllister Date: Wed, 22 Nov 2023 10:27:32 -0700 Subject: [PATCH] #455 refactor topics dropdown to headless UI combobox --- .../components/combobox/ComboboxTopics.vue | 103 ++++++++++++++++++ .../components/dropdown/DropdownTopics.vue | 68 ------------ frontend/i18n/en-US.json | 1 + frontend/pages/home/index.vue | 17 ++- 4 files changed, 112 insertions(+), 77 deletions(-) create mode 100644 frontend/components/combobox/ComboboxTopics.vue delete mode 100644 frontend/components/dropdown/DropdownTopics.vue diff --git a/frontend/components/combobox/ComboboxTopics.vue b/frontend/components/combobox/ComboboxTopics.vue new file mode 100644 index 000000000..62d902628 --- /dev/null +++ b/frontend/components/combobox/ComboboxTopics.vue @@ -0,0 +1,103 @@ + + + diff --git a/frontend/components/dropdown/DropdownTopics.vue b/frontend/components/dropdown/DropdownTopics.vue deleted file mode 100644 index d92620360..000000000 --- a/frontend/components/dropdown/DropdownTopics.vue +++ /dev/null @@ -1,68 +0,0 @@ - - - diff --git a/frontend/i18n/en-US.json b/frontend/i18n/en-US.json index 638bc52a8..e7c8b607c 100644 --- a/frontend/i18n/en-US.json +++ b/frontend/i18n/en-US.json @@ -144,6 +144,7 @@ "components.card-search-result-resource.img-alt-text": "The resource logo of", "components.card-topic-selection.header": "Topics", "components.card-topic-selection.selector-placeholder": "Type to filter topics", + "components.combobox-topics.no-matching-topics": "No matching topics.", "components.feed-item.img-alt-text": "A social media post's image.", "components.footer._global.activist-tagline": "Open-source, nonprofit activism platform.", "components.footer._global.powered-by-netlify": "This site is powered by Netlify.", diff --git a/frontend/pages/home/index.vue b/frontend/pages/home/index.vue index 5b27cc6fa..4894e844f 100644 --- a/frontend/pages/home/index.vue +++ b/frontend/pages/home/index.vue @@ -9,9 +9,13 @@ :header="$t('pages.home.index.header')" :tagline="$t('pages.home.index.subheader')" > -
- -
+