fix: [DPS-42123] - Destination Form: fix tooltips positions (#13574)

Author: mduda-akamai

packages/manager/.changeset/pr-13574-fixed-1775805450095.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Destination Form: adjust tooltips' icons positions for Akamai Object Storage destination ([#13574](https://github.com/linode/manager/pull/13574))

packages/manager/src/features/Delivery/Shared/DestinationAkamaiObjectStorageDetailsForm.tsx

@@ -212,12 +212,12 @@ export const DestinationAkamaiObjectStorageDetailsForm = ({
               'data-pendo-id': `${pendoPageId}Host`,
             }}
             label="Endpoint"
+            labelTooltipText="The Object Storage service endpoint associated with your bucket's region"
             onBlur={field.onBlur}
             onChange={(value) => {
               field.onChange(value);
             }}
             placeholder="https://us-ord-1.linodeobjects.com"
-            tooltipText="The Object Storage service endpoint associated with your bucket's region"
             value={field.value}
           />
         )}
@@ -233,9 +233,9 @@ export const DestinationAkamaiObjectStorageDetailsForm = ({
               'data-pendo-id': `${pendoPageId}Access Key ID`,
             }}
             label="Access Key ID"
+            labelTooltipText="The access key identifier used for authentication"
             onBlur={field.onBlur}
             onChange={(value) => field.onChange(value)}
-            tooltipText="The access key identifier used for authentication"
             value={field.value}
           />
         )}
@@ -251,9 +251,9 @@ export const DestinationAkamaiObjectStorageDetailsForm = ({
               'data-pendo-id': `${pendoPageId}Secret Access Key`,
             }}
             label="Secret Access Key"
+            labelTooltipText="The confidential security credential used with Access Key ID to access Object Storage"
             onBlur={field.onBlur}
             onChange={(value) => field.onChange(value)}
-            tooltipText="The confidential security credential used with Access Key ID to access Object Storage"
             value={field.value}
           />
         )}
@@ -278,12 +278,12 @@ export const DestinationAkamaiObjectStorageDetailsForm = ({
                 'data-pendo-id': `${pendoPageId}Log Path Prefix`,
               }}
               label="Log Path Prefix"
+              labelTooltipText="The path prefix used for organizing uploaded objects"
               onBlur={field.onBlur}
               onChange={(value) => field.onChange(value)}
               optional
               placeholder="Prefix for log storage path"
               sx={{ maxWidth: 416 }}
-              tooltipText="The path prefix used for organizing uploaded objects"
               value={field.value}
             />
           )}

packages/manager/src/features/Delivery/Shared/PathSample.tsx

@@ -92,6 +92,7 @@ export const PathSample = (props: PathSampleProps) => {
       <InputLabel>
         Sample Destination Object Name
         <TooltipIcon
+          labelTooltipIconSize="small"
           status="info"
           sxTooltipIcon={sxTooltipIcon}
           text={

packages/manager/src/features/Delivery/Streams/StreamForm/Delivery/StreamFormDelivery.tsx

@@ -289,8 +289,7 @@ export const StreamFormDelivery = (props: StreamFormDeliveryProps) => {
               inputProps: {
                 'data-pendo-id': `Logs Delivery Streams ${capitalizedMode}-Destination Name`,
               },
-              tooltipPosition: 'right',
-              tooltipText:
+              labelTooltipText:
                 'Select an existing destination from the list or create a new one by entering a name and clicking Create.',
             }}
             value={field.value ? { label: field.value } : null}
@@ -306,7 +305,7 @@ export const StreamFormDelivery = (props: StreamFormDeliveryProps) => {
               mode={mode}
             />
           )}
-          {selectedDestinations?.[0] && (
+          {findDestination(selectedDestinations?.[0])?.details && (
             <DestinationAkamaiObjectStorageDetailsSummary
               {...(findDestination(selectedDestinations[0])
                 ?.details as AkamaiObjectStorageDetails)}
@@ -324,7 +323,7 @@ export const StreamFormDelivery = (props: StreamFormDeliveryProps) => {
                 mode={mode}
               />
             )}
-            {selectedDestinations?.[0] && (
+            {findDestination(selectedDestinations?.[0])?.details && (
               <DestinationCustomHTTPSDetailsSummary
                 {...(findDestination(selectedDestinations[0])
                   ?.details as CustomHTTPSDetails)}