fixed missing margin inside user last calls

nethesis · Aug 29, 2023 · 670cd3c · 670cd3c
1 parent 99ff640
commit 670cd3c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/components/history/CallsDestination.tsx b/components/history/CallsDestination.tsx
@@ -13,7 +13,7 @@ interface CallsDestinationProps {
   operators: any
 }
 
-export function getCallName (call: CallTypes): string {
+export function getCallName(call: CallTypes): string {
   return call.dst_cnam || call.dst_ccompany || call.dst || ''
 }
 
@@ -22,9 +22,8 @@ export const CallsDestination: FC<CallsDestinationProps> = ({
   hideName,
   hideNumber,
   highlightNumber,
-  operators
+  operators,
 }) => {
-
   //Check if a user does not have a name and add the name of the operator
   if (call.dst_cnam === '') {
     const operatorFound: any = getOperatorByPhoneNumber(call.dst, operators)
@@ -56,13 +55,7 @@ export const CallsDestination: FC<CallsDestinationProps> = ({
       </Tooltip>
       {/* phone number */}
       {!hideName && (call.dst_cnam !== '' || call.dst_ccompany !== '') && (
-        <div
-          className={`truncate ${
-            highlightNumber
-              ? 'text-primary'
-              : 'text-gray-500'
-          }`}
-        >
+        <div className={`truncate ${highlightNumber ? 'text-primary' : 'text-gray-500'}`}>
           {call.dst}
         </div>
       )}

diff --git a/components/history/UserCallStatusIcon.tsx b/components/history/UserCallStatusIcon.tsx
@@ -23,7 +23,7 @@ export const UserCallStatusIcon: FC<UserCallStatusIconProps> = ({ call }) => {
               <>
                 <FontAwesomeIcon
                   icon={faArrowLeft}
-                  className='tooltip-switchboard-incoming-answered -rotate-45 h-5 w-3.5 text-green-600 dark:text-green-500'
+                  className='tooltip-switchboard-incoming-answered mr-2 -rotate-45 h-5 w-3.5 text-green-600 dark:text-green-500'
                   aria-hidden='true'
                 />
                 <Tooltip anchorSelect='.tooltip-incoming-answered' place='left'>
@@ -34,7 +34,7 @@ export const UserCallStatusIcon: FC<UserCallStatusIconProps> = ({ call }) => {
               <>
                 <FontAwesomeIcon
                   icon={faMissed}
-                  className='tooltip-switchboard-incoming-missed h-5 w-4 text-red-400'
+                  className='tooltip-switchboard-incoming-missed mr-2 h-5 w-4 text-red-400'
                   aria-hidden='true'
                 />
                 <Tooltip anchorSelect='.tooltip-incoming-missed' place='left'>
@@ -50,7 +50,7 @@ export const UserCallStatusIcon: FC<UserCallStatusIconProps> = ({ call }) => {
               <>
                 <FontAwesomeIcon
                   icon={faArrowLeft}
-                  className='tooltip-switchboard-outgoing-answered h-5 w-3.5 rotate-[135deg] text-green-600 dark:text-green-500'
+                  className='tooltip-switchboard-outgoing-answered mr-2 h-5 w-3.5 rotate-[135deg] text-green-600 dark:text-green-500'
                   aria-hidden='true'
                 />
                 <Tooltip anchorSelect='.tooltip-outgoing-answered' place='left'>
@@ -61,7 +61,7 @@ export const UserCallStatusIcon: FC<UserCallStatusIconProps> = ({ call }) => {
               <>
                 <FontAwesomeIcon
                   icon={faXmark}
-                  className='tooltip-switchboard-outgoing-missed h-5 w-3.5 text-red-400'
+                  className='tooltip-switchboard-outgoing-missed mr-2 h-5 w-3.5 text-red-400'
                   aria-hidden='true'
                 />
                 <Tooltip anchorSelect='.tooltip-outgoing-missed' place='left'>