Skip to content

Add Page to view secret details and secret events #2140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 16 commits into from
Jan 2, 2023

Conversation

AsmaaNabilBakr
Copy link
Contributor

@AsmaaNabilBakr AsmaaNabilBakr commented Dec 22, 2022

Closes #1935 #1936

What changed?

  • Add navigation to secret name on the list secrets Page to navigate to the secret details
  • add secret details page to view details and events related to the secret

Screenshot from 2022-12-28 13-48-08
Screenshot from 2022-12-28 13-48-28
Screenshot from 2022-12-28 13-48-33

Why was this change made?
to view more details about the secret and view the secret events list

How was this change implemented?

How did you validate the change?

Release notes

Documentation Changes

@AsmaaNabilBakr AsmaaNabilBakr changed the base branch from main to 1933-list-all-secrets December 25, 2022 11:48
@AsmaaNabilBakr AsmaaNabilBakr changed the title 1953 view secret details Add Page to view secret details and secret events Dec 28, 2022
@AsmaaNabilBakr AsmaaNabilBakr marked this pull request as ready for review December 28, 2022 14:05
@Samra10 Samra10 closed this Dec 29, 2022
@Samra10 Samra10 deleted the 1953-view-secret-details branch December 29, 2022 11:57
@Samra10 Samra10 restored the 1953-view-secret-details branch December 29, 2022 12:11
@Samra10 Samra10 reopened this Dec 29, 2022
Copy link
Contributor

@TheGostKasper TheGostKasper left a comment

Choose a reason for hiding this comment

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

Good job 👏

const ListEvents = (props: Props) => {
const { error, data, isLoading } = useListEvents(props);
return (
<>
Copy link
Contributor

Choose a reason for hiding this comment

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

What do you think if we can make use of WorkspaceTabsWrapper that we did in workspaces to use it here as well & maybe we can change the name to LoadingWrapper as it'll save us some duplicate code 🤔 ?

<WorkspaceTabsWrapper loading={isLoading} errorMessage={error?.message}>
      <TableWrapper id="...">
         <EventsTable events={data.events} />
         ...

width: 100%;
`;
const DetailsHeadersWrapper = styled.div`
div {
Copy link
Contributor

Choose a reason for hiding this comment

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

Is it nested div > div to use it this way ?. If no, we can remove the div {

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yes i want to apply the style for the nested div div > div

];

return (
<div>
Copy link
Contributor

Choose a reason for hiding this comment

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

dev not needed here as CustomSubRouterTabs wrap what we need to return

return (
<div>
<CustomSubRouterTabs rootPath={`${path}/secretDetails`}>
<RouterTab name="Details" path={`${path}/secretDetails`}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Can we change secretDetails to just details, or it may breaks something ?

},
];

console.log(secretDetails);
Copy link
Contributor

Choose a reason for hiding this comment

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

console.log 😉


console.log(secretDetails);
return (
<>
Copy link
Contributor

Choose a reason for hiding this comment

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

<> not needed here as well


Secrets= '/secrets',
Secrets = '/secrets',
SecretDetails = '/details'
Copy link
Contributor

Choose a reason for hiding this comment

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

/details can we change it /secrets/details or what do you think ?

Copy link
Contributor

@TheGostKasper TheGostKasper left a comment

Choose a reason for hiding this comment

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

LGTM,
can we rename WorkspaceTabsWrapper to LoadingWrapper ?

@AsmaaNabilBakr AsmaaNabilBakr merged commit 7e52744 into 1933-list-all-secrets Jan 2, 2023
@AsmaaNabilBakr AsmaaNabilBakr deleted the 1953-view-secret-details branch January 2, 2023 11:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants