|
@@ -1,4 +1,4 @@
|
|
|
-function Header() {
|
|
|
|
|
|
|
+function Header({ data }) {
|
|
|
const styleHeaderText = {
|
|
const styleHeaderText = {
|
|
|
color: "brown",
|
|
color: "brown",
|
|
|
};
|
|
};
|
|
@@ -7,9 +7,9 @@ function Header() {
|
|
|
<div className="bg-cover" style={{ backgroundImage: "url(/static/img/profile-bg.png)" }}>
|
|
<div className="bg-cover" style={{ backgroundImage: "url(/static/img/profile-bg.png)" }}>
|
|
|
<div className="p-4 text-center" style={styleHeaderText}>
|
|
<div className="p-4 text-center" style={styleHeaderText}>
|
|
|
<img className="img-thumbnail rounded-circle thumb128" src="/static/img/univ-avatar.png" alt="Avatar" />
|
|
<img className="img-thumbnail rounded-circle thumb128" src="/static/img/univ-avatar.png" alt="Avatar" />
|
|
|
- <h3 className="m-0">Universitas Satyagama</h3>
|
|
|
|
|
- <p>0742/O/1990</p>
|
|
|
|
|
- <p>Jalan Kamal Raya No 2-A Cengkareng</p>
|
|
|
|
|
|
|
+ <h3 className="m-0">{data.nama}</h3>
|
|
|
|
|
+ <p>{data.sk_pendirian}</p>
|
|
|
|
|
+ <p>{`${data.alamat.jalan} ${data.alamat.rt ? `rt ${data.alamat.rt}` : ""} ${data.alamat.rw ? `rt ${data.alamat.rw}` : ""}, ${data.alamat.kab_kota.nama}, ${data.propinsi.nama}`}</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
);
|
|
);
|