Skip to content
This repository has been archived by the owner on Mar 7, 2024. It is now read-only.

Fixed errors on routes [/, /courses, /events, /campusLeaders] #99

Open
wants to merge 2 commits into
base: development
Choose a base branch
from

Conversation

aymenhamada
Copy link
Contributor

issue: #92

@GangaChatrvedi
Copy link
Member

GangaChatrvedi commented Sep 26, 2020

@Abhishek-kumar09 Can yo do detailed analysis of this one? And provide insights.

Copy link
Contributor

@Abhishek-kumar09 Abhishek-kumar09 left a 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}
Copy link
Contributor

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}`}>
Copy link
Contributor

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"
Copy link
Contributor

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"
Copy link
Contributor

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"
Copy link
Contributor

Choose a reason for hiding this comment

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

same

</Typography>
<Typography variant="h4">- An Initiative taker</Typography>
Copy link
Contributor

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.

Copy link
Contributor

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.

</Typography>
<Typography variant="h4">- A Resource Seeker</Typography>
Copy link
Contributor

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>
Copy link
Contributor

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}
Copy link
Contributor

Choose a reason for hiding this comment

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

⁉️ why cname, not course.id

Copy link
Contributor Author

@aymenhamada aymenhamada Sep 27, 2020

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">
Copy link
Contributor

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 lowercase maxwidth 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

@Abhishek-kumar09
Copy link
Contributor

image
This should be bold, See actual website.

@Abhishek-kumar09
Copy link
Contributor

The bold letters should be small, see sandbox.codeforcause.org
image

@Abhishek-kumar09
Copy link
Contributor

This should be one shade bold, see sandbox.codeforcause
image

@Abhishek-kumar09
Copy link
Contributor

please rebase to resolve conflicts.

@aymenhamada aymenhamada reopened this Sep 28, 2020
@aymenhamada
Copy link
Contributor Author

idk how to fix that issue, help needed

@Abhishek-kumar09
Copy link
Contributor

idk how to fix that issue, help needed

Which issue are you talking about, rebasing?

@aymenhamada
Copy link
Contributor Author

y

@Abhishek-kumar09
Copy link
Contributor

Steps you have to do:

  1. git remote add upstream the **git** url of the cfc repo.
  2. git fetch upstream
  3. git rebase upstream/development
  4. You will have conflicts generated in 3 files.
  5. You will have to delete the code written in yours file, and keep the code coming from upstream.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants