-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
33 changed files
with
337 additions
and
196 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,9 +2,28 @@ import Container from "react-bootstrap/Container"; | |
import Row from "react-bootstrap/Row"; | ||
import Col from "react-bootstrap/Col"; | ||
import location from "../../assets/imgs/map.png"; | ||
import { Link } from "react-router-dom"; | ||
import styles from "./contact.module.css"; | ||
import { useQuery } from "@tanstack/react-query"; | ||
import fetchData from "../../utils/fetchData"; | ||
import Spinner from "../Others/Spinner"; | ||
import { useNavigate } from "react-router-dom"; | ||
import DOMPurify from "dompurify"; | ||
|
||
const Contact = () => { | ||
const navigate = useNavigate(); | ||
//29060 is id of post | ||
const addr_intro = useQuery( | ||
["Wegbeschreibung", "pages/29060", ""], | ||
fetchData, | ||
); | ||
//29064 is id of media | ||
const media = useQuery(["staff_pic", `media`, 29064], fetchData); | ||
if (media.isLoading || addr_intro.isLoading) { | ||
return <Spinner></Spinner>; | ||
} | ||
if (media.isError || addr_intro.isError) { | ||
navigate("/NotMatch404"); | ||
} | ||
return ( | ||
<div> | ||
<Container className="categoryTitle">KONTAKT</Container> | ||
|
@@ -24,10 +43,17 @@ const Contact = () => { | |
</div> | ||
<br></br> | ||
<div className={`${styles.contact_info}`}> | ||
<a href={`tel:+41 31 312 65 75`}>+41 31 312 65 75</a> | ||
<a | ||
href={`tel:+41 31 312 65 75`} | ||
className={` ${styles.tel_info} `} | ||
> | ||
+41 31 312 65 75 | ||
</a> | ||
</div> | ||
<br></br> | ||
<div className={`${styles.contact_info}`}> | ||
<div | ||
className={`${styles.contact_info} ${styles.text_underline}`} | ||
> | ||
<a href={`mailto:[email protected]`}>[email protected]</a> | ||
</div> | ||
<br></br> | ||
|
@@ -42,9 +68,12 @@ const Contact = () => { | |
</a> | ||
</Col> | ||
<Col> | ||
<Link to="" className={`${styles.addr_info}`}> | ||
<a | ||
href={media.data.source_url} | ||
className={`${styles.addr_info}`} | ||
> | ||
Printable Map | ||
</Link> | ||
</a> | ||
</Col> | ||
</Row> | ||
</div> | ||
|
@@ -56,18 +85,14 @@ const Contact = () => { | |
</Row> | ||
|
||
<div className={`${styles.contact_addr_title}`}> | ||
{/* TODO: get text below from restapi*/} | ||
Wegbeschreibung ab Bahnhof Bern | ||
</div> | ||
<p className={`${styles.contact_addr_detail}`}> | ||
{/* TODO: get text below from restapi*/} | ||
Bus Nr. 12 Richtung Zentrum Paul Klee benützen, bis Haltestelle | ||
Nydegg. <br></br> | ||
In Fahrtrichtung einige Meter weiter gehen, vor der Nydeggbrücke | ||
rechts via Nydeggtreppe in die Gerberngasse, dort rechts. Die Nr. 27 | ||
befindet sich ca. 300 m weiter auf der linken Seite. <br></br> | ||
Der Eingang befindet sich an der Frontseite, gegenüber dem Brunnen. | ||
</p> | ||
<p | ||
className={`${styles.contact_addr_detail}`} | ||
dangerouslySetInnerHTML={{ | ||
__html: DOMPurify.sanitize(addr_intro.data.content.rendered), | ||
}} | ||
></p> | ||
<br /> | ||
</Container> | ||
</div> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -22,7 +22,7 @@ const DateProtection = () => { | |
Schweiz | ||
<br></br> | ||
<span className={`${styles.email_data_protection}`}>E-Mail</span>: | ||
[email protected] | ||
<a href={`mailto:[email protected]`}>[email protected]</a> | ||
<br></br> <br></br> | ||
<div className={`${styles.title_data_protection}`}> | ||
Vertretungsberechtigte Person | ||
|
@@ -40,9 +40,9 @@ const DateProtection = () => { | |
</div> | ||
Christian Rüefli | ||
<br></br> | ||
Tel +(0)31 312 65 75 | ||
Tel +31 312 65 75 | ||
<br></br> | ||
[email protected] | ||
<a href={`mailto:[email protected]`}>[email protected]</a> | ||
<br></br> <br></br> | ||
<div className={`${styles.title_data_protection}`}>Allgemein</div> | ||
Gestützt auf Artikel 13 der Schweizerischen Bundesverfassung und die | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -14,10 +14,12 @@ const Imprint = () => { | |
<div className={`${styles.contact_info}`}>Gerberngasse 27</div> | ||
<div className={`${styles.contact_info}`}>CH-3011 Bern</div> | ||
<br></br> | ||
<div className={`${styles.contact_info}`}>Tel +41(0)31 312 65 75</div> | ||
<div className={`${styles.contact_info}`}>+41 31 312 65 75</div> | ||
<br></br> | ||
<div className={`${styles.contact_info} ${styles.email_link}`}> | ||
[email protected] | ||
<div | ||
className={`${styles.contact_info} ${styles.text_underline} ${styles.email_link}`} | ||
> | ||
<a href={`mailto:[email protected]`}>[email protected]</a> | ||
</div> | ||
</Container> | ||
</div> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.