fix display when no lists are selected

samples/react-personal-tools-list/src/webparts/myTools/components/SelectToolsList.tsx

@@ -55,7 +55,7 @@ const SelectToolList: React.FC<ISelectToolList> = (props) => {
       <List sx={{ width: "100%", maxWidth: 360, bgcolor: "background.paper" }}>
         {tools.length > 0 ? tools : "No tools found. Please contact support."}
       </List>
-      <DialogActions>
+      {tools.length > 0 && <DialogActions>
         <Button
           autoFocus
           onClick={() => {
@@ -64,7 +64,7 @@ const SelectToolList: React.FC<ISelectToolList> = (props) => {
         >
           Save changes
         </Button>
-      </DialogActions>
+      </DialogActions>}
     </>
   );
 };