Skip to content

Conversation

AbhineetJain
Copy link
Contributor

This PR removes the Access column header on the workspace page and aligns the access buttons to the right of the table row.

Additionally, we also remove the table column border when the resource does not have an agent.

Subtasks

  • Remove Access table heading
  • Right align access buttons
  • Remove border from table column when no agents are present

Screenshot

Screen Shot 2022-07-13 at 12 23 26 PM

Fixes #2974

@AbhineetJain AbhineetJain requested a review from a team as a code owner July 13, 2022 19:23
@AbhineetJain
Copy link
Contributor Author

Interestingly, Storybook isn't picking up the right alignment changes. 🤔

@BrunoQuaresma
Copy link
Collaborator

@AbhineetJain one small thing, can you make the paddingLeft of the "Agent" column the same as the "Resource" column?

@@ -184,5 +183,6 @@ const useStyles = makeStyles((theme) => ({
display: "flex",
gap: theme.spacing(0.5),
flexWrap: "wrap",
justifyContent: "right",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think you should use flex-end. I think "right" is not well supported. This should be the reason for Chromatic getting different styles.

@@ -80,7 +79,7 @@ export const Resources: FC<ResourcesProps> = ({
if (!agent) {
return (
<TableRow key={`${resource.id}-${agentIndex}`}>
<TableCell className={styles.resourceNameCell}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you check if we are using this anywhere else? If not, I think we should remove the resourceNameCell from the makeStyles.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We're using it to show the border when agents exist. Removed it from the case when no agents exist.

Copy link
Collaborator

@BrunoQuaresma BrunoQuaresma left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, just minor stuff before the merge.

@AbhineetJain AbhineetJain merged commit bf1af21 into main Jul 14, 2022
@AbhineetJain AbhineetJain deleted the abhineetjain/2974-remove-access-column branch July 14, 2022 00:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Remove the Access column and right align the access buttons
2 participants
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy