From d3f3e3dc7bc26a540eae9df7d77ecbe38db9f0c7 Mon Sep 17 00:00:00 2001
From: Marley Powell <Marley.Powell@exclaimer.com>
Date: Thu, 11 Nov 2021 14:04:50 +0000
Subject: [PATCH] fix: Fixed issue with `AutoCompleteIcon` component props.

Signed-off-by: Marley Powell <Marley.Powell@exclaimer.com>
---
 .../lib/AutoCompleteIcon/AutoCompleteIcon.tsx | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/plugins/azure-devops/src/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.tsx b/plugins/azure-devops/src/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.tsx
index aea64ff23b..ca43b8e27b 100644
--- a/plugins/azure-devops/src/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.tsx
+++ b/plugins/azure-devops/src/components/PullRequestsPage/lib/AutoCompleteIcon/AutoCompleteIcon.tsx
@@ -15,15 +15,18 @@
  */
 
 import DoneAllIcon from '@material-ui/icons/DoneAll';
-import { withStyles } from '@material-ui/core/styles';
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
 
-export const AutoCompleteIcon = withStyles(
-  theme => ({
-    root: (props: { hasAutoComplete: boolean }) => ({
-      color: props.hasAutoComplete
-        ? theme.palette.success.main
-        : theme.palette.grey[400],
-    }),
+const useStyles = makeStyles(theme => ({
+  root: (props: { hasAutoComplete: boolean }) => ({
+    color: props.hasAutoComplete
+      ? theme.palette.success.main
+      : theme.palette.grey[400],
   }),
-  { name: 'AutoCompleteIcon' },
-)(DoneAllIcon);
+}));
+
+export const AutoCompleteIcon = (props: { hasAutoComplete: boolean }) => {
+  const classes = useStyles(props);
+  return <DoneAllIcon className={classes.root} />;
+};