-
Notifications
You must be signed in to change notification settings - Fork 6
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
ITSNP-3: Design Card components #11
base: dev
Are you sure you want to change the base?
Conversation
bijudhungel11
commented
Jun 7, 2021
- Designed posts trending component card
- created resources folder under src which contains images
- created constants folder for importing all images from resources folder
- made mixin for font and display item in flex
- shame: design is not responsive
- Designed posts trending component card - created resources folder under src which contains images - created constants folder for importing all images from resources folder - made mixin for font and display item in flex - shame: design is not responsive
@bijudhungel11 Please link the issue related to this pull request (PR). Also, name the PR as ITSNP-03: Design Card Components. Thank you. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please, have a look at the comments. Thank you.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice pr, just some issues, Hope you will resolve asap
- removed font family link tag from index.html - provided data through props in posts Trending card component - added imported react from library to the top of component
- used naming convnetion to capitalize the allImage to AllImage - created icons folder to keep the all svg icons as component - used BEM mixins in post trednindg card componenet scss file - tried to created reusable mixin for fonts
- changed font-weight-family mixin to font - try to make reusable component - removed flex-item-center
- have completed BlogPostCard - have completed SmalCardBlogPost Card and done it's style as welll - have comleted MediumCardBlogPost Card - imported all images from resources folder - shame: Overall Design is not completed and any other mixins has not been made - shame: haven't work deeply need to fix lot's of stuff - shame: haven't exported image directly from Image.js as we are guided to export it directly from Image.js
- changed image imoprt to svg component import - tried to provide the props for all dyanamic data - changed some scss to make pixel perfect - shame: still some scss is not refactored
- resolve Images
- Removed constants folder to import all images - directly importing from the resources folder to the component
- changed caption naming convention for alternative attribut in image tag with imageTitle props - tried to use Avatar component which was call from profileComp branch made by ace4port - moved the circles folder to joinMadhyam component folder where it belongs
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Exceptional Work, Keep it up! Do fix the minor comments though.
src/components/BlogPostCard/index.js
Outdated
imageTitle, | ||
authorImg, | ||
date = "May 17", | ||
authorName = "XettriAl.", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does not make much sense to have default values for props date
and authorName
as "May 17" and "XettriAl.".
import SmallPink from "./Circles/SmallPink"; | ||
import Purple from "./Circles/Purple"; | ||
const JoinMadhyamCard = ({ | ||
topic = "Join Mnadhyam!", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please correct this spelling.