Skip to content

Commit b0906b3

Browse files
SaerisSaeris
committed
✨ New Profiles
1 parent 8e4d02b commit b0906b3

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+2246
-1097
lines changed

‎packages/app/package.json‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,6 +172,7 @@
172172
"react": "^16.9.0",
173173
"react-addons-css-transition-group": "^15.6.0",
174174
"react-apollo": "^2.5.6",
175+
"react-autosize-textarea": "^7.0.0",
175176
"react-color": "^2.17.3",
176177
"react-day-picker": "^7.2.4",
177178
"react-devtools-inline": "^4.0.0",
@@ -215,7 +216,8 @@
215216
"vue-hot-reload-api": "^2.3.3",
216217
"vue-template-compiler": "^2.6.10",
217218
"vue-template-es2015-compiler": "^1.9.1",
218-
"xterm": "3.7.0"
219+
"xterm": "3.7.0",
220+
"yup": "^0.27.0"
219221
},
220222
"devDependencies": {
221223
"@babel/cli": "^7.7.4",

‎packages/app/src/app/pages/Profile/DELETEME.ts‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
export const initialState = {
2+
user: {
3+
id: `userID`,
4+
avatar: `https://avatars2.githubusercontent.com/u/42876?s=200&v=4`,
5+
isPro: false,
6+
isTeam: true,
7+
name: `Framer`,
8+
username: `Festina Lente`,
9+
bio: `Bring your creative ideas to life with Framer X, the best tool for interactive design. Create responsive layouts, design realistic prototypes, and bring everything closer to production—all in one place`,
10+
totalSandboxes: 450,
11+
associations: [
12+
{
13+
thumbnail: `https://avatars2.githubusercontent.com/u/10724744?s=96&v=4`,
14+
url: ``,
15+
entityName: `Stefan Mansson`
16+
},
17+
{
18+
thumbnail: `https://avatars3.githubusercontent.com/u/12829?s=96&v=4`,
19+
url: ``,
20+
entityName: `Eelco Lempsink`
21+
},
22+
{
23+
thumbnail: `https://avatars0.githubusercontent.com/u/39778?s=96&v=4`,
24+
url: ``,
25+
entityName: `Jordan Dobson`
26+
},
27+
{
28+
thumbnail: `https://avatars3.githubusercontent.com/u/206779?s=96&v=4`,
29+
url: ``,
30+
entityName: `Koen Bok`
31+
},
32+
{
33+
thumbnail: `https://avatars3.githubusercontent.com/u/28392?s=96&v=4`,
34+
url: ``,
35+
entityName: `Stefan Borsje`
36+
}
37+
],
38+
socialLinks: [
39+
`https://twitter.com/framer`,
40+
`https://www.framer.com/`,
41+
`https://github.com/framer`
42+
],
43+
featured: {
44+
id: "123",
45+
heroImage: `https://i.imgur.com/h2nQnqU.png`
46+
},
47+
pinned: [
48+
{
49+
id: "123",
50+
preview: `https://i.imgur.com/iy4AKF1.png`,
51+
title: `wabisabi-js/isthereuber.in`,
52+
description: `Simple app to tell you where there is uber`,
53+
likes: 999999,
54+
views: 999999,
55+
forks: 999999,
56+
environment: `React`
57+
},
58+
{
59+
id: "456",
60+
preview: `https://i.imgur.com/Kl4WYmI.png`,
61+
title: `wabisabi-js/isthereuber.in`,
62+
description: `Simple app to tell you where there is uber`,
63+
likes: 32,
64+
views: 122,
65+
forks: 234,
66+
environment: `React`
67+
},
68+
{
69+
id: "789",
70+
preview: `https://i.imgur.com/9xitUWN.png`,
71+
title: `wabisabi-js/isthereuber.in`,
72+
description: `Simple app to tell you where there is uber`,
73+
likes: 32,
74+
views: 122,
75+
forks: 234,
76+
environment: `React`
77+
},
78+
{
79+
id: "012",
80+
preview: `https://i.imgur.com/Ihb874i.png`,
81+
title: `wabisabi-js/isthereuber.in`,
82+
description: `Simple app to tell you where there is uber`,
83+
likes: 32,
84+
views: 122,
85+
forks: 234,
86+
environment: `React`
87+
},
88+
{
89+
id: "345",
90+
preview: `https://i.imgur.com/t3TVRY8.png`,
91+
title: `wabisabi-js/isthereuber.in`,
92+
description: `Simple app to tell you where there is uber`,
93+
likes: 32,
94+
views: 122,
95+
forks: 234,
96+
environment: `React`
97+
}
98+
],
99+
sandboxes: [
100+
{
101+
id: "123",
102+
preview: `https://i.imgur.com/NOzyPxz.png`,
103+
title: `wabisabi-js/isthereuber.in`,
104+
description: `Simple app to tell you where there is uber`,
105+
likes: 123456789,
106+
views: 999999,
107+
forks: 999999,
108+
environment: `React`
109+
},
110+
{
111+
id: "456",
112+
preview: `https://i.imgur.com/u6kR235.png`,
113+
title: `Getting Started`,
114+
description: `Simple app to tell you where there is uber`,
115+
likes: 32,
116+
views: 122,
117+
forks: 234,
118+
environment: `React`
119+
},
120+
{
121+
id: "789",
122+
preview: `https://i.imgur.com/a4KpNHf.png`,
123+
title: `Custom Properties`,
124+
description: `Simple app to tell you where there is uber`,
125+
likes: 32,
126+
views: 122,
127+
forks: 234,
128+
environment: `React`
129+
},
130+
{
131+
id: "012",
132+
preview: `https://i.imgur.com/JpRs4Gm.png`,
133+
title: `wabisabi-js/isthereuber.in`,
134+
description: `Simple app to tell you where there is uber`,
135+
likes: 32,
136+
views: 122,
137+
forks: 234,
138+
environment: `React`
139+
},
140+
{
141+
id: "345",
142+
preview: `https://i.imgur.com/6x1wrIJ.png`,
143+
title: `wabisabi-js/isthereuber.in`,
144+
description: `Simple app to tell you where there is uber`,
145+
likes: 32,
146+
views: 122,
147+
forks: 234,
148+
environment: `React`
149+
},
150+
{
151+
id: "678",
152+
preview: `https://i.imgur.com/JxGN2TS.png`,
153+
title: `wabisabi-js/isthereuber.in`,
154+
description: `Simple app to tell you where there is uber`,
155+
likes: 32,
156+
views: 122,
157+
forks: 234,
158+
environment: `React`
159+
}
160+
]
161+
}
162+
}

‎packages/app/src/app/pages/Profile/DropPlaceholder/elements.ts‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import styled from "styled-components"
2+
3+
export const DropPlaceholder = styled.div`
4+
display: flex;
5+
flex-direction: column;
6+
justify-content: center;
7+
align-items: center;
8+
width: 100%;
9+
min-height: 178px;
10+
border: 1px dashed #757575;
11+
border-width: 2px;
12+
border-radius: 4px;
13+
background-color: #000000;
14+
color: #999;
15+
font-family: Inter;
16+
font-size: 16px;
17+
font-weight: 600;
18+
`
19+
20+
export const PlaceholderHeader = styled.span`
21+
display: block;
22+
color: #fff;
23+
font-family: Inter;
24+
font-size: 23px;
25+
font-weight: 600;
26+
`

‎packages/app/src/app/pages/Profile/DropPlaceholder/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { DropPlaceholder, PlaceholderHeader } from "./elements"

‎packages/app/src/app/pages/Profile/FeaturedSandbox/FeaturedSandbox.tsx‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import React from "react"
2+
import { Container, HeroImage } from "./elements"
3+
4+
interface IFeaturedSandboxProps {
5+
heroImage: string
6+
}
7+
8+
export const FeaturedSandbox: React.FC<IFeaturedSandboxProps> = ({
9+
heroImage
10+
}) => { // eslint-disable-line
11+
// TODO:
12+
// - Make Hero Image a Live Sandbox Preview?
13+
return (
14+
<Container>
15+
<HeroImage src={heroImage} />
16+
</Container>
17+
)
18+
}

‎packages/app/src/app/pages/Profile/FeaturedSandbox/elements.ts‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import styled from "styled-components"
2+
3+
export const Container = styled.div`
4+
grid-area: featured;
5+
width: 100%;
6+
`
7+
8+
export const HeroImage = styled.img`
9+
width: 100%;
10+
`

‎packages/app/src/app/pages/Profile/FeaturedSandbox/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { FeaturedSandbox } from "./FeaturedSandbox"

‎packages/app/src/app/pages/Profile/Header/UserInfo/ProfileInfo/elements.js‎

Lines changed: 0 additions & 38 deletions
This file was deleted.

‎packages/app/src/app/pages/Profile/Header/UserInfo/ProfileInfo/index.js‎

Lines changed: 0 additions & 41 deletions
This file was deleted.

‎packages/app/src/app/pages/Profile/Header/UserInfo/Stats/Badges/index.js‎

Lines changed: 0 additions & 31 deletions
This file was deleted.

0 commit comments

Comments
 (0)