Skip to content

Conversation

@tomaszstefaniuk
Copy link

@tomaszstefaniuk tomaszstefaniuk commented Apr 27, 2022

Create views for Users Administration.

Added:
-Users, Groups, User's Details and Group's details views based on routes.;
-Upgrade react-router-dom from 5.3.0 to 6.3.0.;
-Modals and error notification;

Need to be added:
FE:
-getting and handling data from backend, tests;
BE:
-search;
-returning data for tables;
-endpoints;

r2

<PageLayout
py={5}
px={2}
mt={0}
Copy link
Contributor

Choose a reason for hiding this comment

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

Is there a need to declare mt={0}. Shouldn't PageLayout have 0 ootb, so parent components are able to align it without problems?

Copy link
Author

@tomaszstefaniuk tomaszstefaniuk May 14, 2022

Choose a reason for hiding this comment

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

I had to because <PageLayout /> has margin-top set to 32px by default. And I didn't wanted it in my case.

color: rgbaColors.grey.main,
border: `1px solid ${rgbaColors.grey.lighter}`,
background: "none",
py: 1.125,
Copy link

Choose a reason for hiding this comment

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

Why is it different Y-padding for disabled button? Text inside might flicker when button will change from active to disabled

Copy link
Author

Choose a reason for hiding this comment

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

The reason is that disabled button gets 1px border on top and bottom. And to stay with the same height as on not disabled button I need to subtract this extra 2px added from border by making smaller padding.

}}
icon={false}
>
Something went wrong. Please try again.
Copy link

Choose a reason for hiding this comment

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

text inside Alert shouldn't be hardcoded + it's looks like onClose calls 2 time (first in Snackbar props and second in Alert props)

Copy link
Author

Choose a reason for hiding this comment

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

The thing is that as the most external and main component of this popup needs it for example to close it when we click outside this element. And as different component I putted inside gives me ‘X’ icon only when I pass onClose prop which is also saying what it should do onClose.

Comment on lines 6 to +17
const IndexPage = lazy(() => import("./routes/Index/IndexPage"));
const SignIn = lazy(() => import("./routes/SignIn/SignIn"));
const SignUp = lazy(() => import("./routes/SignUp/SignUp"));
const VerifyEmail = lazy(() => import("./routes/VerifyEmail/VerifyEmail"));
const Users = lazy(() => import("./routes/UsersAdministration/Users/Users"));
const UserDetails = lazy(() =>
import("./routes/UsersAdministration/Users/UserDetails/UserDetails")
);
const Groups = lazy(() => import("./routes/UsersAdministration/Groups/Groups"));
const GroupDetails = lazy(() =>
import("./routes/UsersAdministration/Groups/GroupDetails/GroupDetails")
);

Choose a reason for hiding this comment

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

Can we make this alphabetical order?

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.

5 participants