ICSHWI-7906: Give hint for moving IOC use case on UI

src/components/IOC/IOCDeployDialog.js

 import React, { useEffect, useState } from "react";
-import { Button, TextField, Dialog, DialogActions, DialogContent, DialogTitle, makeStyles } from "@material-ui/core";
+import { Button, TextField, Dialog, DialogActions, DialogContent, DialogTitle, Typography, makeStyles } from "@material-ui/core";
 import { Autocomplete } from "@material-ui/lab";
 import { useCSEntrySearch, useTagsAndCommitIds } from "../../api/SwaggerApi";
 import { useTypingTimer } from "../common/SearchBoxFilter/TypingTimer";
@@ -64,7 +64,7 @@ export function IOCDeployDialog({ open, setOpen, submitCallback, hasActiveDeploy
             disabled={(!gitRepo) || (gitRepo.trim() === "")}
             renderInput={(params) => <TextField {...params} label="Git reference" variant="outlined" fullWidth required />}
           />
-          
+
           <Autocomplete
             className={classes.textField}
             autoHighlight
@@ -75,7 +75,15 @@ export function IOCDeployDialog({ open, setOpen, submitCallback, hasActiveDeploy
             renderInput={(params) => <TextField {...params} label="host" variant="outlined" required/>}
             onChange={(event, value, reason) => setHost(value)}
             onInputChange={(event, value, reason) => {event && onHostKeyUp(event.nativeEvent)}}
+            disabled={hasActiveDeployment}
           />
+
+          { hasActiveDeployment ? 
+          <Typography variant="body">
+            Hint: First undeploy IOC if you want to move to another host.
+          </Typography> 
+          : <></>
+          }
         </DialogContent>
         <DialogActions>
           <Button onClick={handleClose} color="primary">Cancel</Button>