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

[feat] Make Projects Listing Modal #71

Merged
merged 2 commits into from
Nov 14, 2024
Merged

Conversation

jjstnlee
Copy link
Contributor

@jjstnlee jjstnlee commented Nov 13, 2024

rebasing

What's new in this PR

Description

  • Created AllProjectsModal component that displays all projects on home screen
  • Added glow effect to project items when hovered over
  • Removed TagText2 (twas the same as TagText1 basically)

Screenshots

Screen.Recording.2024-11-12.at.20.16.11.mov

How to review

  • check out the AllProjectsModal component folder :3

Next steps

  • mismatching font issues w figma
  • all projects header needs to be styled properly with the sort by thingy
  • when you click on a project item and then click on a marker on the map and then exit that project, it returns to the previously clicked project instead of returning straight to the all projects modal (idk if thats intended behaviour but i feel like its more intuitive for it to go straight to the all projects modal after closing a project) - idk if this makes sense but refer to the video below
Screen.Recording.2024-11-12.at.20.19.16.mov
  • overflowing names issue
Screenshot 2024-11-12 at 20 29 11 Screenshot 2024-11-12 at 20 29 11

Relevant links

Online sources

Related PRs

CC: @itsliterallymonique

@jjstnlee jjstnlee linked an issue Nov 13, 2024 that may be closed by this pull request
Copy link
Collaborator

@itsliterallymonique itsliterallymonique 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 Justin! Just make the small changes I suggested.

Some things that we will address in the future (since it will require more discussions with the team):

  • We will discuss design for the overflowing text.
  • In the next two weeks, we will also need to fix the individual project modal closing --> redirecting direct to the all projects modal. I agree, how it currently operates is not how we want it to.

app/page.tsx Outdated
@@ -21,6 +22,7 @@ export default function Home() {
<main style={mainStyles}>
{error ? <div style={errorStyles}>{error}</div> : null}
{projects ? <MapViewScreen projects={projects} /> : null}
<AllProjectsModal projects={projects} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

can you move AllProjectsModal to the MapViewScreen?

@@ -162,16 +162,16 @@ export default function ProjectItem({ project_id }: { project_id: number }) {
</Heading2>
Copy link
Collaborator

Choose a reason for hiding this comment

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

note: we will need to find a solution + fix when the text overflows

@@ -0,0 +1,39 @@
'use client';
Copy link
Collaborator

Choose a reason for hiding this comment

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

Rename AllProjectsModal to ProjectsListingModal because when we filter or search, it will not show all the projects.

Copy link
Collaborator

@itsliterallymonique itsliterallymonique left a comment

Choose a reason for hiding this comment

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

approved to squash + merge

@jjstnlee jjstnlee merged commit 8706272 into main Nov 14, 2024
2 checks passed
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.

[feat] Make Projects Listing Modal
2 participants