Fix(Options-menu) - Fixed options menu

147

Author: shashankcoc

src/components/common/chip/ChipDropdown.tsx

@@ -62,6 +62,7 @@ function ChipDropdown(props: ChipProps) {
                     leaveTo="transform opacity-0 scale-95"
                 >
                     <Menu.Items className="absolute right-0 z-10 mt-2 origin-top-right bg-white rounded-md shadow-lg w-36 ring-1 ring-black ring-opacity-5 focus:outline-none">
+                    <div className='max-h-40 overflow-y-auto rounded-md p-2'>
                         <div className="flex flex-col py-1">
                             {dropdownNetworkList.map(({ name, key, iconPath }, index) => (
                                 <Menu.Item key={key}>
@@ -91,6 +92,7 @@ function ChipDropdown(props: ChipProps) {
                                 </Menu.Item>
                             ))}
                         </div>
+                        </div>
                     </Menu.Items>
                 </Transition>
             </Menu>

src/components/global/searchblock/Options.tsx

@@ -33,6 +33,7 @@ function Options({ networkValue, setNetworkValue }: { networkValue: number; setN
                                 <img src={"/zap2.svg"} alt="" style={{ width: '20px', height: 'auto' }} />
                                 <span>Quick search</span>
                             </div>
+                            <div className='max-h-40 overflow-y-auto rounded-md p-2'>
                             {NETWORK_LIST.map(({ name, key, iconPath, iconPathInverted }, index) => (
                                 <div
                                     onClick={() => handleValue(index)}
@@ -44,7 +45,7 @@ function Options({ networkValue, setNetworkValue }: { networkValue: number; setN
                                     <span>{name}</span>
                                 </div>
                             ))}
-
+                        </div>
                         </div>
                     </div>
                 </div>