Skip to content

DEV-653 Week View#28

Open
celloii wants to merge 4 commits intopreviewfrom
weekView
Open

DEV-653 Week View#28
celloii wants to merge 4 commits intopreviewfrom
weekView

Conversation

@celloii
Copy link
Copy Markdown

@celloii celloii commented Apr 1, 2026

References

Proposed Changes

  • the part of the Week View that events will go on
Screenshot 2026-04-01 at 9 04 12 PM

@celloii celloii requested a review from jfmath04 April 1, 2026 03:14
@linear
Copy link
Copy Markdown

linear bot commented Apr 1, 2026

@celloii celloii changed the title DEV-617 DEV617 weekView Apr 1, 2026
@celloii celloii changed the title DEV617 weekView DEV-617 weekView Apr 1, 2026
@jfmath04 jfmath04 changed the base branch from main to preview April 1, 2026 19:43
@jfmath04 jfmath04 changed the title DEV-617 weekView DEV-617 Week View Apr 1, 2026
Copy link
Copy Markdown
Contributor

@jfmath04 jfmath04 left a comment

Choose a reason for hiding this comment

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

WOW this looks amazing!!!!! Good work!!

Just some small things:

  • Be sure to run Prettier: yarn format and yarn format:fix
  • Can we add a rounded border around the view?
  • Try adding the gray for the heading and left side, and the alternating rows like in the Figma
  • Replace the hex codes with references to colors in the theme (import the theme in)

fontSize: 11,
fontWeight: 500,
letterSpacing: "0.04em",
color: isToday ? "#1a8a72" : "#6b7280",
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The selected color can be this one

@jfmath04 jfmath04 changed the title DEV-617 Week View DEV-653 Week View Apr 2, 2026
Copy link
Copy Markdown
Contributor

@jfmath04 jfmath04 left a comment

Choose a reason for hiding this comment

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

Looks good visually! Just replace the theme colors with a theme import and use those colors. Once you're done, you can remove the test page.

Comment on lines +10 to +17
const TEAL = '#1EA7AE';
const HEADER_GRAY = '#EBEBEB';
const ROW_GRAY = '#F7F7F7';
const BORDER = '#D2D2D2';
const GRAY_500 = '#808080';
const GRAY_800 = '#1A1A1A';
const WHITE = '#FFFFFF';
const RED = '#D14343';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We can do import { useTheme } from "evergreen-ui" and then use the colors in the theme so we don't have to copy over the values!

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Once you're done with testing, we can delete this file and folder

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.

2 participants