From 7c21aac229773d056b292b48768d370bb11f4519 Mon Sep 17 00:00:00 2001
From: Kea-Roy Ong <146872846+kea-roy@users.noreply.github.com>
Date: Sat, 9 Mar 2024 14:40:04 -0500
Subject: [PATCH] Removed bullet point on dropdown design after additional
 designer feedback.

---
 frontend/src/components/utils/DropDown.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/utils/DropDown.tsx b/frontend/src/components/utils/DropDown.tsx
index f91a5a0f..16017ecf 100644
--- a/frontend/src/components/utils/DropDown.tsx
+++ b/frontend/src/components/utils/DropDown.tsx
@@ -24,15 +24,10 @@
  * @param {MenuElement[]} props.menuItems - An array of menu items, each containing an item name and a callback function.
  * @returns {JSX.Element} The rendered dropdown component.
  */
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import { Button, Menu, MenuItem } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
-import {
-  RadioButtonChecked,
-  RadioButtonUnchecked,
-  ArrowDropDown,
-  ArrowDropUp,
-} from '@material-ui/icons';
+import { ArrowDropDown, ArrowDropUp } from '@material-ui/icons';
 import SvgIcon from '@material-ui/core/SvgIcon';
 
 type MenuElement = {
@@ -98,11 +93,6 @@ export default function DropDown({ menuItems }: Props) {
                 callback();
               }}
             >
-              <SvgIcon
-                component={menuItem.item === selected ? RadioButtonChecked : RadioButtonUnchecked}
-                fontSize="small"
-                style={{ paddingRight: '1rem' }}
-              />
               {item}
             </MenuItem>
           );