DetailPT.js 935 B

123456789101112131415161718192021222324252627282930313233
  1. import React, { useState, useEffect } from "react";
  2. function DetailPT({ data }) {
  3. return (
  4. <div className="card card-default">
  5. <div className="card-body">
  6. <div className="text-center">
  7. <h3 className="mt-0">{data.nama}</h3>
  8. <p>{data.sk_pendirian}</p>
  9. <p>Pembina: {data.pembina.nama}</p>
  10. <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>
  11. </div>
  12. <hr />
  13. <ul className="list-unstyled px-4">
  14. <li>
  15. <em className="fa fa-globe fa-fw mr-3"></em>
  16. <a href={`https://${data.website}`}>{data.website}</a>
  17. </li>
  18. <li>
  19. <em className="fa fa-phone fa-fw mr-3"></em>
  20. {data.telepon}
  21. </li>
  22. <li>
  23. <em className="fa fa-at fa-fw mr-3"></em>
  24. {data.email}
  25. </li>
  26. </ul>
  27. </div>
  28. </div>
  29. );
  30. }
  31. export default DetailPT;