wip

src/window/phone/index.tsx

@@ -409,7 +409,7 @@ export const Phone = ({
           mt={5}
           className={isOnline() ? "" : "blurred"}
         >
-          {isAdvanceMode && (
+          {isAdvanceMode && isSipClientIdle(callStatus) && (
             <HStack spacing={2} align="start" w="full">
               <Tooltip label="Call to user">
                 <IconButtonMenu
@@ -497,7 +497,6 @@ export const Phone = ({
             </HStack>
           )}
 
-          {isSipClientIdle(callStatus) ? (
           <Input
             value={inputNumber}
             bg="grey.500"
@@ -505,19 +504,14 @@ export const Phone = ({
             fontSize="24px"
             onChange={(e) => setInputNumber(e.target.value)}
             textAlign="center"
+            isReadOnly={!isSipClientIdle(callStatus)}
           />
-          ) : (
-            <VStack>
-              <Text fontSize="22px" fontWeight="bold">
-                {formatPhoneNumber(inputNumber)}
-              </Text>
-              {seconds >= 0 && (
+
+          {!isSipClientIdle(callStatus) && seconds >= 0 && (
             <Text fontSize="15px">
               {new Date(seconds * 1000).toISOString().substr(11, 8)}
             </Text>
           )}
-            </VStack>
-          )}
 
           <DialPad handleDigitPress={handleDialPadClick} />