-
Notifications
You must be signed in to change notification settings - Fork 0
/
Schools.js
49 lines (42 loc) · 1.27 KB
/
Schools.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import React, { Component } from 'react';
import data from "./user";
import Experiences from './Experiences';
import { GrMapLocation } from "@react-icons/all-files/gr/GrMapLocation";
function School(props){
return <span class="logo-sc"><a href={props.school.url} target="_blank" >
<img src={props.school.logo} alt={props.school.name} height={32} max-width={128}/></a></span>
}
function Gogole(prop){
var link = "https://www.google.com/maps/place/" + prop.school.location
return <span><a href={link} target="_blank"><GrMapLocation class="loc-icon" /></a></span>
}
function Location(prop) {
return <div class="area">
<Gogole school={prop.school}/>
<span class="loc">{prop.school.location}</span>
</div>
}
class Schools extends Component {
render() {
return (
<div class="studies">
<div class="section-header"><h4>Formations</h4></div>
{
data.Schools.map((school, i) => {
return (
<div class="study card" id={i} key={i}>
<div class="school">
<b>{school.study}</b>
<School school={school} />
</div>
<div ><Location school={school} /></div>
{school.date}
</div>
);
})
}
</div>
);
}
}
export default Schools;