feat: set favorited to be the default (top) option in the dropdown

ajyey · Jun 22, 2023 · 97e7944 · 97e7944
1 parent a28aa56
commit 97e7944
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/pages/popup/components/home/Home.tsx b/src/pages/popup/components/home/Home.tsx
@@ -11,7 +11,7 @@ import { FASTMAIL_SESSION_KEY } from '../../../../../utils/constants';
 export default function HomeComponent() {
   const [maskedEmails, setMaskedEmails] = useState<MaskedEmail[]>([]);
   const [isLoading, setIsLoading] = useState(true);
-  const [filterOption, setFilterOption] = useState('all');
+  const [filterOption, setFilterOption] = useState('favorited');
   const [searchQuery, setSearchQuery] = useState('');
   // State for keeping track of the count of filtered emails
   const [filteredEmailsCount, setFilteredEmailsCount] = useState(0);

diff --git a/src/pages/popup/components/home/filter/FilterEmailsDropdown.tsx b/src/pages/popup/components/home/filter/FilterEmailsDropdown.tsx
@@ -15,6 +15,13 @@ function FilterEmailsDropdown({
   onFilterChange: (option: string) => void;
 }) {
   const dropdownItems = [
+    {
+      label: 'Favorited',
+      value: 'Favorited',
+      icon: (
+        <FavoriteIcon iconClasses={'fill-mikado-yellow stroke-mikado-yellow'} />
+      )
+    },
     {
       label: 'All',
       value: 'All',
@@ -34,13 +41,6 @@ function FilterEmailsDropdown({
       label: 'Deleted',
       value: 'Deleted',
       icon: <DeletedIcon iconClasses={'stroke-red-500'} />
-    },
-    {
-      label: 'Favorited',
-      value: 'Favorited',
-      icon: (
-        <FavoriteIcon iconClasses={'fill-mikado-yellow stroke-mikado-yellow'} />
-      )
     }
   ];
   // State for the dropdown menu open/close status