fix display when no lists are selected

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

@@ -55,16 +55,16 @@ 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={() => {
             props.handleSave(checked);
           }}
         >
-         Save changes
+          Save changes
         </Button>
-      </DialogActions>
+      </DialogActions>}
     </>
   );
 };