From c7a0c095de8e8160ff2427ef0107008b94a36558 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Wed, 12 Oct 2022 18:53:33 +0800
Subject: [PATCH] [ui][typeahead] tweak chevron icon and updates stories

---
 apps/storybook/stories/typeahead.stories.tsx | 3 +++
 packages/ui/src/Typeahead/Typeahead.tsx      | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/storybook/stories/typeahead.stories.tsx b/apps/storybook/stories/typeahead.stories.tsx
index a0de94d8..bd0c0a1f 100644
--- a/apps/storybook/stories/typeahead.stories.tsx
+++ b/apps/storybook/stories/typeahead.stories.tsx
@@ -17,6 +17,9 @@ export default {
     noResultsMessage: {
       control: 'text',
     },
+    placeholder: {
+      control: 'text',
+    },
   },
   component: Typeahead,
   parameters: {
diff --git a/packages/ui/src/Typeahead/Typeahead.tsx b/packages/ui/src/Typeahead/Typeahead.tsx
index 54bf1f59..0eb4b257 100644
--- a/packages/ui/src/Typeahead/Typeahead.tsx
+++ b/packages/ui/src/Typeahead/Typeahead.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { Fragment, useState } from 'react';
 import { Combobox, Transition } from '@headlessui/react';
-import { ChevronUpDownIcon } from '@heroicons/react/20/solid';
+import { ChevronDownIcon } from '@heroicons/react/20/solid';
 
 export type TypeaheadOption = Readonly<{
   // String value to uniquely identify the option.
@@ -86,7 +86,7 @@ export default function Typeahead({
             }}
           />
           <Combobox.Button className="absolute inset-y-0 right-0 flex items-center pr-2">
-            <ChevronUpDownIcon
+            <ChevronDownIcon
               aria-hidden="true"
               className="h-5 w-5 text-slate-400"
             />