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

edit classes frontend redesign #887

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Conversation

swang235
Copy link
Contributor

@swang235 swang235 commented Nov 7, 2024

Summary

Update of edit classes page:

current design:
image
image

redesign:
image
image

Test Plan

  • testing different cases (ex class pairings, roles, search bar)
  • tested responsiveness for ^ as well

Notes

Breaking Changes

None

  • [x ] I have updated the documentation accordingly.
  • My PR adds a @ts-ignore

@swang235 swang235 requested a review from a team as a code owner November 7, 2024 01:56
@dti-github-bot
Copy link
Member

dti-github-bot commented Nov 7, 2024

[diff-counting] Significant lines: 568.

Copy link
Contributor

@NIDHI2023 NIDHI2023 left a comment

Choose a reason for hiding this comment

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

This is a really nice redesign! It looks so much more cleaner. I have a few suggestions you could add:

  • When searching for a class that doesn't exist, maybe add some padding between the label thing and the end of the white part so it doesn't look too crammed together

image

  • I think making the Go to Course buttons more visible by changing the color or adding a border or something else would be good. And also maybe adding more padding again to make the class cards look more vertically symmetric

image

Copy link
Contributor

@rgu0114 rgu0114 left a comment

Choose a reason for hiding this comment

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

Screen Shot 2024-12-05 at 2 33 08 PM

It seems like only non-prof courses have the hover shadow effect. Is this intended? The prof courses are clickable but don't have any effect.

Copy link
Contributor

@rgu0114 rgu0114 left a comment

Choose a reason for hiding this comment

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

I think the font of the search bar placeholder text can also match more closely
Screen Shot 2024-12-05 at 4 56 03 PM
Screen Shot 2024-12-05 at 4 56 19 PM

@swang235 swang235 requested a review from rgu0114 December 6, 2024 01:50
Copy link
Contributor

@rgu0114 rgu0114 left a comment

Choose a reason for hiding this comment

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

just a couple more minor things, everything else looks good!

roleString = 'PROF';
let roleString = "";
let roleColor = "";
let selectedBackgroundColor = "#F5F5F5";
Copy link
Contributor

Choose a reason for hiding this comment

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

oh can we put these in the associated .scss file?

)}
</div>
) : (
<></>
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: let's avoid empty components <></> and use && where we can, assuming that has the same behavior

import * as React from "react";
import { useHistory } from "react-router";
import { Icon } from "semantic-ui-react";
import { Grid } from "@material-ui/core";

Copy link
Contributor

Choose a reason for hiding this comment

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

General: non prof/ta former classes still seem to have the hover effect (benji 2110) when idt they should
Screen Shot 2024-12-06 at 1 44 37 AM

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.

4 participants