upcoming: [M3-7357] - Add AGLB Helper Text and Copy#9908
upcoming: [M3-7357] - Add AGLB Helper Text and Copy#9908bnussman-akamai merged 12 commits intolinode:developfrom
Conversation
mjac0bs
left a comment
There was a problem hiding this comment.
Nice job tracking all these copy edits down. 🔍
I've left a handful of nitpicks and a couple questions. The most significant of which was: in several instances (mostly Routes/Rules and Service Target drawers), I see copy updates that aren't reflected in the mocks. Is there another source of truth?
| <Autocomplete | ||
| textFieldProps={{ | ||
| labelTooltipText: 'TODO: AGLB', | ||
| labelTooltipText: CONFIGURATION_COPY.Protocol, |
There was a problem hiding this comment.
This tooltip needs an interactive prop in order to allow the user to click on the link. With the current behavior, the tooltip popover disappears before a user can click it.
Screen.Recording.2023-11-27.at.12.30.56.PM.mov
There was a problem hiding this comment.
Unfortunately, our TextField doesn't support that... Might have to do this as a follow up
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Configurations/constants.tsx
Outdated
Show resolved
Hide resolved
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Configurations/constants.tsx
Outdated
Show resolved
Hide resolved
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Routes/constants.tsx
Show resolved
Hide resolved
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Routes/constants.tsx
Outdated
Show resolved
Hide resolved
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Routes/constants.tsx
Outdated
Show resolved
Hide resolved
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Routes/constants.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Optional nit: it's a little weird for UX for some of the drawer content to wrap differently once the session stickiness is toggled. I didn't look into the styling, but if it's an easy fix then it would be nice to change.
Screen.Recording.2023-11-27.at.12.56.48.PM.mov
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Routes/AddRouteDrawer.tsx
Outdated
Show resolved
Hide resolved
packages/manager/src/features/LoadBalancers/LoadBalancerDetail/Certificates/constants.ts
Show resolved
Hide resolved
mjac0bs
left a comment
There was a problem hiding this comment.
🧼 Thanks for the updates! Everything addressed looks good now.
As far as the textfield tooltip: yeah, I figured that was going to be an issue. A follow up PR sounds good to me; we'd have run into that issue eventually anyway.
In my second pass through, I checked all screen sizes. I'm not going to hold up approving this PR for this, but there were two small edge case issues I noticed in the Add Rule drawer on small mobile screens:
- The match value text field is prone to overflowing the container
- The
Cookie typetooltip gets cut off in its last sentence
|
Don't worry, I will definitely take a second PR to clean up and refine things that need to be improved/changed with Sandra's review |
cpathipa
left a comment
There was a problem hiding this comment.
Over all looks great! Verified the copy and no spelling errors found.
| @@ -0,0 +1,42 @@ | |||
| import type { Certificate } from '@linode/api-v4'; | |||
|
|
|||
There was a problem hiding this comment.
I like the idea of keeping tooltips copy in constants. No spelling errors found in this file.
| @@ -0,0 +1,41 @@ | |||
| import React from 'react'; | |||
|
|
|||
There was a problem hiding this comment.
Looks good! No spelling errors found here.
@bnussman-akamai Any thoughts in keeping this files as contants.ts and having this getConfigurationPayloadFromConfiguration function and Protocol in a util file?
| 'For TCP load balancers, a rule consists of service targets and the percentage of incoming requests that should be directed to each target. Add as many service targets as required, but the percentages for all targets must total 100%.', | ||
| }, | ||
| MatchValue: { | ||
| header: 'The format for http header is: X-name=value.', |
There was a problem hiding this comment.
The format is X-name=value or X-name:value ?
There was a problem hiding this comment.
X-name=value should be correct
| @@ -0,0 +1,41 @@ | |||
| export const ROUTE_COPY = { | |||
There was a problem hiding this comment.
No spelling errors in this file.
| @@ -0,0 +1,144 @@ | |||
| import React from 'react'; | |||
|
|
|||
There was a problem hiding this comment.
Looks good. No spelling errors found in this file.



Description 📝
Adds copy and helper text for the AGLB project 📝
How to test 🧪
Prerequisites
dev-test-aglbaccount in devVerification steps
As an Author I have considered 🤔