Skip to content

Commit

Permalink
Merge pull request #686 from Ignitus/develop
Browse files Browse the repository at this point in the history
Mater > Develop (WIP) ☘️
  • Loading branch information
divyanshu-rawat authored Mar 28, 2020
2 parents ef5d07a + f9b2308 commit 2a56aea
Show file tree
Hide file tree
Showing 111 changed files with 1,167 additions and 23,927 deletions.
22,848 changes: 0 additions & 22,848 deletions package-lock.json

This file was deleted.

6 changes: 3 additions & 3 deletions src/ignitus-AboutPage/ignitus-About/Components/About.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import React, {Fragment} from 'react';
import Team from '../../ignitus-Team';
import CoreTeam from '../../ignitus-CoreTeam';
import {withErrorBoundary} from '../../../ignitus-Shared/ignitus-ErrorHandlingComponents/errorBoundary';
import * as t from '../constants';
import * as S from '../Styles';
import * as T from '../../../ignitus-Shared/ignitus-DesignSystem/shared';
import {Paragraph} from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';
import {withErrorBoundary} from '../../../ignitus-Shared/ignitus-ErrorHandlingComponents/errorBoundary';

const About: React.FunctionComponent = () => (
<Fragment>
Expand All @@ -18,7 +18,7 @@ const About: React.FunctionComponent = () => (
<S.Title> About Us</S.Title>
<S.ParagraphContainer>
{t.IgnitusIntro.map((x: any) => (
<T.Paragraph key={x.title}>{x.title}</T.Paragraph>
<Paragraph key={x.title}>{x.title}</Paragraph>
))}
</S.ParagraphContainer>
</S.ContentContainer>
Expand Down
14 changes: 7 additions & 7 deletions src/ignitus-AboutPage/ignitus-About/Styles/index.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import styled from '@emotion/styled';
import * as T from '../../../ignitus-Shared/ignitus-DesignSystem/shared';
import * as F from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/fonts';
import { mq } from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/media';
import { minimumWidthQuery } from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/media';
import { Heading3 } from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';

export const AboutSection = styled.section`
font-weight: ${F.Normal};
Expand All @@ -20,16 +20,16 @@ export const AboutContainer = styled.div`
margin-right: auto;
margin-left: auto;
${mq[0]} {
${minimumWidthQuery[0]} {
max-width: 540px;
}
${mq[1]} {
${minimumWidthQuery[1]} {
max-width: 720px;
}
${mq[2]} {
${minimumWidthQuery[2]} {
max-width: 960px;
}
${mq[3]} {
${minimumWidthQuery[3]} {
max-width: 1140px;
}
`;
Expand Down Expand Up @@ -60,7 +60,7 @@ export const ContentContainer = styled.section`
padding: 1.5rem;
`;

export const Title = styled(T.Title)`
export const Title = styled(Heading3)`
text-align: center;
`;

Expand Down
3 changes: 2 additions & 1 deletion src/ignitus-AboutPage/ignitus-CoreTeam/Components/team.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import * as S from '../Styles';
import * as T from '../../../ignitus-Shared/ignitus-DesignSystem/shared';
import {Team, TeamItemProps} from '../types';
import {AppIcon} from '../../../ignitus-Shared/types/iconsTypes/enums';
import { Paragraph } from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';

const PureCoreTeam = ({team}: any) => (
<S.PureCoreTeam>
Expand All @@ -27,7 +28,7 @@ const TeamItem = ({
<S.TeamCard>
<S.TeamItemImg src={img} alt={`avatar ${title}`} />
<S.TeamItemTitle>{title}</S.TeamItemTitle>
<T.Paragraph>{description}</T.Paragraph>
<Paragraph>{description}</Paragraph>
<S.LinkWrapper toggle={value}>
<S.Link href={linkedin} color="black">
<S.LinkedIn name={AppIcon.LinkedInIcon} />
Expand Down
18 changes: 8 additions & 10 deletions src/ignitus-AboutPage/ignitus-CoreTeam/Styles/index.ts
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
/* eslint-disable import/prefer-default-export */
import styled from '@emotion/styled';
import * as C from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/colors';
import * as F from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/fonts';
import * as T from '../../../ignitus-Shared/ignitus-DesignSystem/shared';
import Icon from "../../../ignitus-Shared/ignitus-Utilities/Components/icon";
import { mq } from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/media';
import Icon from '../../../ignitus-Shared/ignitus-Utilities/Components/icon';
import {minimumWidthQuery} from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/media';
import {Heading6} from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';

type LinkWrapperProps = {
toggle: boolean;
Expand All @@ -13,10 +13,9 @@ type TeamItemTitleProps = {
color: string;
};

export const TeamItemTitle = styled.h6`
export const TeamItemTitle = styled(Heading6)`
color: ${C.Black};
margin-top: 1rem;
font-weight: ${F.Normal};
font-size: ${F.SM};
`;

styled.a(props => ({color: props.color}));
Expand Down Expand Up @@ -78,15 +77,15 @@ export const TeamCardContainer = styled.div`
flex: 0 0 50%;
max-width: 50%;
}
${mq[0]} {
${minimumWidthQuery[0]} {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
${mq[1]} {
${minimumWidthQuery[1]} {
flex: 0 0 26%;
max-width: 26%;
}
${mq[2]} {
${minimumWidthQuery[2]} {
flex: 0 0 22%;
max-width: 22%;
}
Expand All @@ -113,7 +112,6 @@ export const AngelList = styled(Icon)`
}
`;


export const Link = styled(T.Link)<TeamItemTitleProps>(props => ({
color: props.color,
}));
6 changes: 3 additions & 3 deletions src/ignitus-AboutPage/ignitus-Team/Components/Team.tsx
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
/* eslint-disable jsx-a11y/accessible-emoji */
import React, {useEffect} from 'react';
import {withErrorBoundary} from '../../../ignitus-Shared/ignitus-ErrorHandlingComponents/errorBoundary';
import loader from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Logos/ignitusLoader.gif';
import {TeamPropType, GitHubDataType} from '../types';
import * as S from '../Styles';
import loader from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Logos/ignitusLoader.gif';

const PureTeam = ({contributors}: any) => (
<S.Section>
Expand All @@ -13,9 +13,9 @@ const PureTeam = ({contributors}: any) => (
<S.Plus />
{contributors.length} Contributors
</S.GithubContributorsTitle>
<S.Paragraph>
<S.StyledParagraph>
This project was made possible by these contributors. 🎉 🎨
</S.Paragraph>
</S.StyledParagraph>
</S.TitleWrapper>
<S.GithubContributors>
<S.Contributors>{contributors}</S.Contributors>
Expand Down
12 changes: 7 additions & 5 deletions src/ignitus-AboutPage/ignitus-Team/Styles/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import * as T from '../../../ignitus-Shared/ignitus-DesignSystem/shared';
import * as C from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/colors';
import PlusIcon from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Icons/plusIcon/plusIcon';
import ChevronIcon from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Icons/chevronIcon/chevronIcon';
import {Paragraph} from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';

export const GithubContributorsContainer = styled(T.Container)`
display: flex;
Expand All @@ -18,13 +19,14 @@ export const Section = styled(T.flexibleColDiv)``;

export const GithubContributorsTitle = styled(T.Title)`
i {
font-size: 1.2rem;
margin-right: 3px;
}
font-size: 1.2rem;
margin-right: 3px;
}
`;

export const GithubContributors = styled.div`
max-width: 80rem;
margin-top: 2rem;
width: 100%;
`;

Expand All @@ -34,8 +36,8 @@ export const Contributors = styled.div`
justify-content: center;
`;

export const Paragraph = styled(T.Paragraph)`
text-align: center;Ì
export const StyledParagraph = styled(Paragraph)`
text-align: center;
`;

export const Link = styled(T.Link)`
Expand Down
1 change: 1 addition & 0 deletions src/ignitus-Api/index.js
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* eslint-disable import/extensions */
/* eslint-disable no-inner-declarations */
/* eslint-disable no-plusplus */

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,25 +4,33 @@ import React from 'react';
import { Link } from 'react-router-dom';
import progress from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Images/img-Png/progressPage6.png';
import newsletter from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Images/img-Png/newsletterAcceptIcon.png';
import {
Paragraph,
Heading2,
} from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';

import * as T from '../../ignitus-WelcomeFlow/Styles/style';
import * as C from '../Styles/style';

import { RoundedPrimaryButton } from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/buttons';
import { withErrorBoundary } from '../../../../ignitus-Shared/ignitus-ErrorHandlingComponents/errorBoundary';
import '../Styles/style.scss';

const EmailConfirmationFlow = () => (
<div className="emailConfirm">
<img className="progressBarSignup" src={progress} alt="progress-bar" />
<div className="newsletter">
<img src={newsletter} alt="newsletter" />
</div>
<p className="welcome">Your email has been confirmed.</p>
<p className="paragraph">Your verified email is [email protected]</p>
<div className="text-center">
<button className="getStarted" type="button">
<Link to="/" className="saveText">
Get started
</Link>
</button>
</div>
</div>
<T.WelcomeContainer>
<T.TopSection>
<T.Progress src={progress} alt="progress-bar" />
<C.NewsletterImage src={newsletter} alt="newsletter" />
<C.TopMiddleSection>
<Heading2>Your email has been confirmed.</Heading2>
<Paragraph> Your verified email is [email protected]</Paragraph>
</C.TopMiddleSection>
</T.TopSection>
<C.BottomSection>
<RoundedPrimaryButton>
<Link to="/">Get started</Link>
</RoundedPrimaryButton>
</C.BottomSection>
</T.WelcomeContainer>
);

export default withErrorBoundary(EmailConfirmationFlow);

This file was deleted.

Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
/* eslint-disable import/prefer-default-export */
export {default as EmailConfirmationFlow} from './EmailConfirmationFlow';

This file was deleted.

Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import styled from '@emotion/styled';

export const NewsletterImage = styled.img``;

export const BottomSection = styled.div`
margin-top: 3rem;
`;

export const TopMiddleSection = styled.div`
margin-top: 1rem;
`;
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
/* eslint-disable jsx-a11y/click-events-have-key-events */
/* eslint-disable jsx-a11y/no-static-element-interactions */
import React from 'react';
import { Link } from 'react-router-dom';
import progress from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Images/img-Png/progressPage5.png';
import newsletter from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Images/img-Png/newsletterIcon.png';
import { withErrorBoundary } from '../../../../ignitus-Shared/ignitus-ErrorHandlingComponents/errorBoundary';
import {
Paragraph,
Heading2,
} from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/typography';
import * as T from '../../ignitus-WelcomeFlow/Styles/style';
import * as C from '../Styles/style';
import {
PrimaryButton,
WhiteButton,
} from '../../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/buttons';

const EmailFlow = () => (
<T.WelcomeContainer>
<T.TopSection>
<T.Progress src={progress} alt="progress-bar" />
<C.NewsletterImage src={newsletter} alt="newsletter" />
<Heading2>Let’s confirm your email.</Heading2>
<Paragraph>
{' '}
We recommend to confirm your email address to recieve further
communication.
</Paragraph>
<Paragraph>
Click the link we sent to [email protected] to confirm you email.
</Paragraph>
</T.TopSection>
<T.BottomSection>
<C.ButtonContainer>
<PrimaryButton>
<Link to="/flow/emailConfirmationFlow">Email confirmed</Link>
</PrimaryButton>
<WhiteButton>
<Link to="/">I don’t see the email</Link>
</WhiteButton>
</C.ButtonContainer>
<Paragraph><Link to="/">I don’t want to confirm my email yet.</Link></Paragraph>
</T.BottomSection>
</T.WelcomeContainer>
);

export default withErrorBoundary(EmailFlow);
Loading

0 comments on commit 2a56aea

Please sign in to comment.