Skip to content
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

JTE/PKFE-20 #46

Merged
merged 4 commits into from
Aug 26, 2024
Merged

JTE/PKFE-20 #46

merged 4 commits into from
Aug 26, 2024

Conversation

justinnas
Copy link
Collaborator

@justinnas justinnas commented Aug 25, 2024

Implemented settings menu
(colors may slightly change after the color update PKFE-25 pull request merge)

image

@justinnas justinnas added the enhancement New feature or request label Aug 25, 2024
@justinnas justinnas self-assigned this Aug 25, 2024
Copy link
Collaborator

@mantvydasdeltuva mantvydasdeltuva left a comment

Choose a reason for hiding this comment

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

Doesn't run. Needs a lot of refactoring to ensure project code structure.

Screenshot 2024-08-26 005951

app/front-end/src/components/layouts/baseLayout.tsx Outdated Show resolved Hide resolved
@@ -26,7 +27,15 @@ interface Props {
*/
export const BaseLayout: React.FC<Props> = ({ children }) => {
const Theme = useTheme();
const ThemeContext = useThemeContext();

const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);
Copy link
Collaborator

Choose a reason for hiding this comment

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

Is it menu or a dialog? In components it's defined as dialog. If it's a dialog why its in modal folder? :p Strange naming convention

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Some sources say a dialog is a modal, others say modal is a dialog.

app/front-end/src/components/layouts/baseLayout.tsx Outdated Show resolved Hide resolved
icon={<LightMode sx={{ width: '1.5rem', height: '1.5rem', color: Colors.backgroundPrimaryLight }} />}
onClick={() => ThemeContext.update()}
/>
)}
</Box>
</Box>
<Box sx={{ width: '95.75%', height: '99.5%', borderRadius: '0.625rem', bgcolor: Theme.palette.secondary.main }}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Strange width and height. Might be a problem in the future.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I don't see how it could be problematic.

app/front-end/src/components/layouts/baseLayout.tsx Outdated Show resolved Hide resolved
fontSize: '0.9rem',
},
},
},
Copy link
Collaborator

Choose a reason for hiding this comment

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

Currently not sure about this. If we would have defined components and their styles, yes I would agree. we can keep it but keep in mind to limit this usage. Only basics like typography

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I think it would be good to have consistant select fields and menus across all of the project

Copy link
Collaborator

@mantvydasdeltuva mantvydasdeltuva left a comment

Choose a reason for hiding this comment

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

Good work!

@justinnas justinnas merged commit f728b73 into main Aug 26, 2024
0 of 3 checks passed
@justinnas justinnas deleted the JTE/PKFE-20 branch August 26, 2024 22:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants