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.

Sign up for GitHub

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

Profile Detail View UI #753

Merged
merged 27 commits into from
Apr 18, 2020
Merged

Profile Detail View UI #753

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
f8cc6d0
Merge branch 'develop' of https://github.com/Meghana-12/Ignitus-clien…
meghanacosmos Apr 8, 2020
6e17eeb
Merge branch 'develop' of https://github.com/Ignitus/Ignitus-client i…
meghanacosmos Apr 8, 2020
87be670
Added Profile View UI
meghanacosmos Apr 8, 2020
c35056d
removed unused import
meghanacosmos Apr 8, 2020
49c57db
Update profileDetailView.tsx
meghanacosmos Apr 8, 2020
d628a49
Update profileDetailView.tsx
meghanacosmos Apr 8, 2020
df9e8bb
Merge branch 'profileUI' of /Users/varanasimeghana/Project/Ignitus-cl…
meghanacosmos Apr 8, 2020
e941fd7
did the changes requseted
meghanacosmos Apr 8, 2020
d783155
Merge branch 'develop' into profileUI
divyanshu-rawat Apr 10, 2020
92b1b67
Merge branch 'develop' into profileUI
divyanshu-rawat Apr 10, 2020
b76d357
push test.
divyanshu-rawat Apr 10, 2020
034ff8e
Reverting changes 🔨
divyanshu-rawat Apr 10, 2020
6c44c3f
added more components
meghanacosmos Apr 17, 2020
07e3398
removed unused imports
meghanacosmos Apr 17, 2020
9c7a911
Update src/ignitus-Profile/ignitus-StudentProfile/Components/profileD…
divyanshu-rawat Apr 18, 2020
26c39bd
Refactoring 🔨
divyanshu-rawat Apr 18, 2020
f1356c8
Merge branch 'develop' into profileUI
divyanshu-rawat Apr 18, 2020
ec11e20
Refactoring 🎯
divyanshu-rawat Apr 18, 2020
1ba1ec1
Refactoring 🎯
divyanshu-rawat Apr 18, 2020
3a86c9b
Refactoring 🔨
divyanshu-rawat Apr 18, 2020
7507212
Contribution section refactoring 🔨
divyanshu-rawat Apr 18, 2020
10ce4e9
Refactoring 🔨
divyanshu-rawat Apr 18, 2020
4396810
Further refactoring & cleanup 🎯
divyanshu-rawat Apr 18, 2020
19875ce
Refactoring 🎯
divyanshu-rawat Apr 18, 2020
6db2dfe
Final cleanup 👋
divyanshu-rawat Apr 18, 2020
703d0f0
Minor Fixes 🎯
divyanshu-rawat Apr 18, 2020
c8b96d5
DeepScan fixes 🔨
divyanshu-rawat Apr 18, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/ignitus-Profile/ignitus-StudentProfile/Components/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export { default as ProfileDetailView } from './profileDetailView';
195 changes: 195 additions & 0 deletions src/ignitus-Profile/ignitus-StudentProfile/Components/profileDetailView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
import React from 'react';
import {StyledHeading2, StyledHeading4, StyledHeading6} from '../../../ignitus-UserInterfaceBook/styles';
import * as C from '../styles';
Copy link
Member

Choose a reason for hiding this comment

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

We use C generally for importing colors, can you please user P for Profile

Copy link
Contributor Author

Choose a reason for hiding this comment

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

sure!

import {AppIcon} from '../../../ignitus-Shared/types/iconsTypes/iconEnums';
import {
ButtonBottomRight,
RoundedButton,
} from '../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Atoms/buttons';
import {AboutContent} from '../styles';


const ProfileDetailView = () => (
<C.Container1>

<C.Container2>
<ButtonBottomRight size="large" category="primary" > Edit Profile</ButtonBottomRight>
</C.Container2>
<C.Container3>
<C.ElementContainer>
<C.HeadingContainer>
<C.StyledIcon name={AppIcon.InfoIcon} />
<C.NameContainer>
<StyledHeading2>About</StyledHeading2>
meghanacosmos marked this conversation as resolved.
Show resolved Hide resolved
</C.NameContainer>
</C.HeadingContainer>

<C.ContentContainer>
<AboutContent
meghanacosmos marked this conversation as resolved.
Show resolved Hide resolved
placeholder={'Well-versed in over a dozen literary genres and can teach to any range of students. Adept at creating a lesson plan that engages students helping students to see the beauty in literature and encouraging students to read on their own. Specializes in high school and junior college level classes.'}
rows={3}
/>

</C.ContentContainer>
</C.ElementContainer>

<C.ElementContainer>
<C.HeadingContainer>
<C.StyledIcon name={AppIcon.GraduationCapIcon} />
<C.NameContainer>
<StyledHeading2>Education</StyledHeading2>
</C.NameContainer>
</C.HeadingContainer>

<C.ContentContainer>
<StyledHeading6>
<C.Education1
placeholder={'Graham Junior College'}
type={'text'}
/>
</StyledHeading6>

<StyledHeading4>
<C.Education2
placeholder={'New Parkland,CA'}
type={'text'}
/>
</StyledHeading4>

<StyledHeading4>
<C.Education3
placeholder={' 2015 – 2019 '}
type={'text'}
/>
</StyledHeading4>

</C.ContentContainer>

</C.ElementContainer>

<C.ElementContainer>
<C.HeadingContainer>
<C.StyledIcon name={AppIcon.LocalLibraryIcon} />
<C.NameContainer>
<StyledHeading2>Research Fields </StyledHeading2>
</C.NameContainer>
</C.HeadingContainer>

<C.ContentContainer>
<RoundedButton size="medium" category="grey">Psycholinguistics </RoundedButton>
<RoundedButton size="medium" category="grey">Modernist Literature </RoundedButton>
</C.ContentContainer>

</C.ElementContainer>

<C.ElementContainer>
<C.HeadingContainer>
<C.StyledIcon name={AppIcon.LibraryBooksIcon} />
<C.NameContainer>
<StyledHeading2> Publications </StyledHeading2>
meghanacosmos marked this conversation as resolved.
Show resolved Hide resolved
</C.NameContainer>
</C.HeadingContainer>

<C.ContentContainer>
<C.Publication>
<C.PubStyledIcon name={AppIcon.PdfIcon} />
<C.PubInput
placeholder={'Shakespeare and Elizabethan Poetry: A Study of His Earlier Work in Relation to the Poetry of the Time'}
// type={'text'}
/>
</C.Publication>
<C.Publication>
<C.PubStyledIcon name={AppIcon.PdfIcon} />
<C.PubInput
placeholder={'Practice in a second language: Perspectives from applied linguistics and cognitive psychology'}
// type={'text'}
/>
</C.Publication>
</C.ContentContainer>

</C.ElementContainer>

<C.ElementContainer>
<C.HeadingContainer>
<C.StyledIcon name={AppIcon.ContributionIcon} />
<C.NameContainer>
<StyledHeading2>Contributions </StyledHeading2>
</C.NameContainer>
</C.HeadingContainer>

<C.ContentContainer>
<C.ContriContent>

<C.ContriElement>
<C.ContriStyledIcon name={AppIcon.LibraryBooksIcon} />
<C.ContriInput
placeholder={' 5'}
type={'number'}
/>
Articles
</C.ContriElement>

<C.ContriElement>
<C.ContriStyledIcon name={AppIcon.PollIcon} />
<C.ContriInput
placeholder={' 5'}
type={'number'}
/>
Polls
</C.ContriElement>
<C.ContriElement>
<C.ContriStyledIcon name={AppIcon.PdfIcon} />
<C.ContriInput
placeholder={' 5'}
type={'number'}
/>
Publications
</C.ContriElement>
<C.ContriElement>
<C.ContriStyledIcon name={AppIcon.VideoLibIcon} />
<C.ContriInput
placeholder={' 5'}
type={'number'}
/>
Videos
</C.ContriElement>
</C.ContriContent>
</C.ContentContainer>

</C.ElementContainer>

<C.ElementContainer>
<C.HeadingContainer>
<C.StyledIcon name={AppIcon.StarCircleIcon} />
<C.NameContainer>
<StyledHeading2>Recommendations</StyledHeading2>
</C.NameContainer>
</C.HeadingContainer>

<C.ContentContainer>
<C.RecommendContent1>
<C.RecommendAvatar
src={"../../../ignitus-Shared/ignitus-DesignSystem/ignitus-Assets/ignitus-Images/img-Png/StudentProfileView.png"}
alt={"Avatar"}
/>
<C.RecommendContent2>
<C.RecommendInput1 placeholder={'Nicholas Young'} type={'text'} />
<C.RecommendInput2 placeholder={'Professor'} type={'text'}/>
<C.RecommendInput3 placeholder={'December 19, 2018'} type={'text'}/>
</C.RecommendContent2>
<C.RecommendPara
placeholder={'I worked with Sophia in a research paper, for 2 years. She has the ability to understand toughest things effortlessly that skill often takes time to develop, but it seemed to come perfectly naturally to her. It\'s my privilege to recommend her even I found myself lucky that I got a chance to be in touch with Sophia.'}
rows={5}
/>
</C.RecommendContent1>
</C.ContentContainer>
</C.ElementContainer>
</C.Container3>
<C.ButtonDiv>
<RoundedButton size="small" category="grey" >Download as PDF</RoundedButton>
</C.ButtonDiv>
</C.Container1>
);


export default ProfileDetailView;
Loading