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] Direct Search Item Component #62

Merged
merged 13 commits into from
Nov 12, 2024
Merged

[feat] Direct Search Item Component #62

merged 13 commits into from
Nov 12, 2024

Conversation

jjstnlee
Copy link
Contributor

@jjstnlee jjstnlee commented Nov 8, 2024

What's new in this PR

Description

  • Created a new component for project items in the default modal list thingy
  • When you click on the listing it will open up the corresponding project's modal :3
  • Added small energy type icons in assets/icons
  • Added new Heading2 in texts.ts to use for project name in project item list thing
  • Added new color code for navy 0.75 opacity in colors.ts
  • Changed TagText2 in texts.ts to use new color code for navy 0.75 opacity

Screenshots

Screen.Recording.2024-11-10.at.18.32.27.mov

image

How to review

  • Check out new ProjectItem folder in components folder
  • Run pnpm dev and check localhost:3000/testing page to play around w button and see if it works

Next steps

  • font is not the same as figma for some reason, idk if its my fault or if the fonts in the style sheet isn't working or something i fixed the fonts i think but the project size and energy type looks a little darker/thicker than on the figma
  • need to change symbol for whether its operational or in progress (rn its just a green dot for everything) fixed
  • need to change it so that when project name is too long it overflows into the next line

Relevant links

Online sources

Related PRs

CC: @itsliterallymonique

jjstnlee and others added 5 commits November 8, 2024 15:34
* chore: styling fixes

* adjusted favicon and page title

* adjusted favicon and page title
…ncl. Proposed COD) (#63)

* [chore] added tags, files

* [chore] file fixes

* [chore] file fixes

* [feat] finished status tags

* [feat] did tech tags

* [chore] rem

* [feat] done?

* [chore] small fixes

* [chore] name change, cod

* [feat] proposed styling

* [chore] refactoring

* [feat] fixed icons

* [chore] changed geothermal, small fixes

---------

Co-authored-by: Neha <[email protected]>
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. just need to pull + rebase then use the icons Neha added.


export const ProjectName = styled.div`
color: ${COLORS.navy};
font-family: ${CoinbaseSans};
Copy link
Collaborator

Choose a reason for hiding this comment

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

delete all the fonts stuff here from line 44-48 (its overriding the settings from texts.ts)

@@ -0,0 +1,199 @@
export const CheckmarkIcon = () => (
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think you should keep a KDM icon folder so all icons are organized into their own folders

queryDefaultImages,
queryProjectbyId,
} from '@/api/supabase/queries/query';
import {
Copy link
Collaborator

Choose a reason for hiding this comment

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

pull from main + rebase then use the icons that Neha has imported. Check her PR for how she added the colors for the renewable energy technology icons: #63

You can also use the new components she made for renewable energy technology and status (if it works for your sprint -- I am not sure if the fonts / text are the same)

@jjstnlee jjstnlee linked an issue Nov 12, 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 julee. you can push + merge

@jjstnlee jjstnlee merged commit 75ea089 into main Nov 12, 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] Direct Search Item Component
3 participants