-
Notifications
You must be signed in to change notification settings - Fork 78
Fixed errors on routes [/, /courses, /events, /campusLeaders] #99
base: development
Are you sure you want to change the base?
Conversation
@Abhishek-kumar09 Can yo do detailed analysis of this one? And provide insights. |
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.
Here are descriptions and some questions asked on changes, But we have to additionally cross-check and compare the original and this deployed version twice before actually merging the PR.
Thanks @aymenhamada for your efforts.
@@ -139,6 +139,7 @@ function TopBar({ className, onMobileNavOpen, ...rest }) { | |||
<Box ml={2} flexGrow={1} /> | |||
{navItems.map((item, index) => ( | |||
<Item | |||
key={index} |
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.
- Each child in a list should have a unique "key" prop.
return <MenuItem value={`+${code}`}>+{code}</MenuItem>; | ||
{countryCodes.map((code, index) => { | ||
return ( | ||
<MenuItem key={index} value={`+${code}`}> |
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.
- Each child in a list should have a unique "key" prop.
@@ -128,8 +128,6 @@ export default function Courses() { | |||
xs={12} | |||
align="center" | |||
display="flex" | |||
justifyContent="center" | |||
alignItems="center" |
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.
- AlignItems must be used on containers.
@@ -166,8 +164,6 @@ export default function Courses() { | |||
xs={12} | |||
align="center" | |||
display="flex" | |||
justifyContent="center" |
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.
- AlignItems must be used on containers.
@@ -167,8 +167,6 @@ export default function Courses() { | |||
xs={12} | |||
align="center" | |||
display="flex" | |||
justifyContent="center" | |||
alignItems="center" |
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.
same
src/views/pages/CLView/StandFor.js
Outdated
</Typography> | ||
<Typography variant="h4">- An Initiative taker</Typography> |
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.
❌ The text looks actually bigger than the original one.
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.
Try changin to h5 or h6 to better comparable to the original design.
src/views/pages/CLView/StandFor.js
Outdated
</Typography> | ||
<Typography variant="h4">- A Resource Seeker</Typography> |
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.
❌ Here also, The bold text looks actually bigger than the original one.
</Box> | ||
<Box mt={2}> | ||
<Typography variant="body1"> | ||
Most sought after value - an effort maker and giving | ||
peronality <h4>- An Investor</h4> |
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.
same
@@ -191,7 +187,7 @@ const CoursesGrid = ({ courses }) => { | |||
return ( | |||
<Grid | |||
item | |||
key={course.id} | |||
key={cname} |
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.
cname
, not course.id
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.
course.id was undefined, and cname was unique
@@ -73,7 +73,7 @@ function Apply({ className, ...rest }) { | |||
}} | |||
{...rest} | |||
> | |||
<Grid container maxWidth="lg"> |
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.
React does not recognize the
maxWidth
prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercasemaxwidth
instead. If you accidentally passed it from a parent component, remove it from the DOM element.
I think it was intentionally put here, so please change maxWidth
to maxwidth
please rebase to resolve conflicts. |
idk how to fix that issue, help needed |
Which issue are you talking about, rebasing? |
y |
Steps you have to do:
|
issue: #92