edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix various links, targets, etc.

Browse Source
This commit is contained in:
Jonas Braathen
2024-08-18 16:39:17 +02:00
parent b304d57bf5
commit 5936d714eb
5 changed files with 109 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/blocks/ContactEntityBlock.tsx
View File

@ -9,8 +9,6 @@ export const ContactEntityBlock = ({
}: { }: {
block: ContactEntityBlockType; block: ContactEntityBlockType;
}) => { }) => {
// TODO: image
const contact = block?.contactEntity; const contact = block?.contactEntity;
if (!contact) { if (!contact) {

8
web/src/components/events/EventDetails.tsx
View File

@ -19,8 +19,6 @@ function formatPrice(price: number | string): string {
return `${asNumber} kr`; return `${asNumber} kr`;
} }
export const EventDetails = ({ event }: { event: EventFragment }) => { export const EventDetails = ({ event }: { event: EventFragment }) => {
const featuredImage: any = event.featuredImage; const featuredImage: any = event.featuredImage;
@ -64,7 +62,11 @@ export const EventDetails = ({ event }: { event: EventFragment }) => {
)} )}
{event.facebookUrl && ( {event.facebookUrl && (
<div> <div>
<a href={event.facebookUrl} className="button tertiary"> <a
href={event.facebookUrl}
target="_blank"
className="button tertiary"
>
<span>Gå til Facebook-event</span> <span>Gå til Facebook-event</span>
<Icon type="externalLink" /> <Icon type="externalLink" />
</a> </a>

2
web/src/components/events/EventHeader.tsx
View File

@ -23,7 +23,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
<h1 className={styles.title}>{event.title}</h1> <h1 className={styles.title}>{event.title}</h1>
<p className={styles.details}>{event.subtitle}</p> <p className={styles.details}>{event.subtitle}</p>
{event.ticketUrl && ( {event.ticketUrl && (
<a href={event.ticketUrl} className="button cta"> <a href={event.ticketUrl} target="_blank" className="button cta">
<span>Kjøp billetter</span> <span>Kjøp billetter</span>
<Icon type="tickets" /> <Icon type="tickets" />
</a> </a>

181
web/src/components/layout/Footer.tsx
View File

@ -37,96 +37,109 @@ async function OpeningHoursTable() {
export const Footer = () => { export const Footer = () => {
return ( return (
<> <>
<footer className={styles.footer}> <footer className={styles.footer}>
<div className={styles.social}> <div className={styles.social}>
<h2>Følg oss</h2> <h2>Følg oss</h2>
<ul> <ul>
<li> <li>
<a <a
href="https://www.instagram.com/studentersamfundet/" href="https://www.instagram.com/studentersamfundet/"
target="_blank" target="_blank"
className="button tertiary" className="button tertiary"
> >
<span>Instagram</span> <span>Instagram</span>
<Icon type="instagram" /> <Icon type="instagram" />
</a> </a>
</li> </li>
<li> <li>
<a <a
href="https://www.facebook.com/studentersamfundet" href="https://www.facebook.com/studentersamfundet"
target="_blank" target="_blank"
className="button tertiary" className="button tertiary"
> >
<span>Facebook</span> <span>Facebook</span>
<Icon type="facebook" /> <Icon type="facebook" />
</a> </a>
</li> </li>
<li> <li>
<a <a
href="https://www.flickr.com/groups/neuf/pool/" href="https://www.flickr.com/groups/neuf/pool/"
target="_blank" target="_blank"
className="button tertiary" className="button tertiary"
> >
<span>Flickr</span> <span>Flickr</span>
<Icon type="flickr" /> <Icon type="flickr" />
</a> </a>
</li> </li>
</ul> </ul>
</div>
<div className={styles.contact}>
<h2>Kontakt oss</h2>
<div className={styles.emails}>
<div>
<h3>Generelle henvendelser</h3>
<a href="/#" target="_blank" className={styles.emailLink}>
post@neuf.no
</a>
</div>
<div>
<h3>Billetter</h3>
<a href="/#" target="_blank" className={styles.emailLink}>
billetter@neuf.no
</a>
</div>
<div>
<Link href="/kontakt">Øvrig kontaktinfo&nbsp;<Icon type="arrowRight" /></Link>
</div>
</div> </div>
</div> <div className={styles.contact}>
<div className={styles.visit}> <h2>Kontakt oss</h2>
<h2>Besøk oss</h2> <div className={styles.emails}>
<div className={styles.visitContent}>
<div className={styles.address}>
<h3>Adresse</h3>
<div> <div>
Chateau Neuf <h3>Generelle henvendelser</h3>
<br /> <a
Slemdalsveien 15 href="mailto:post@neuf.no"
<br /> className={styles.emailLink}
0369 Oslo >
<br /> post@neuf.no
<a href="#" target="_blank">
Vis i Google Maps&nbsp;<Icon type="externalLink" />
</a> </a>
</div> </div>
</div> <div>
<h3>Billetter</h3>
<div className={styles.openingHoursWrapper}> <a
<h3>Åpningstider i dag</h3> href="mailto:billetter@neuf.no"
<OpeningHoursTable /> className={styles.emailLink}
<Link href="/praktisk#apningstider">Se alle åpningstider&nbsp;<Icon type="arrowRight" /></Link> >
billetter@neuf.no
</a>
</div>
<div>
<Link href="/kontakt">
Øvrig kontaktinfo&nbsp;
<Icon type="arrowRight" />
</Link>
</div>
</div> </div>
</div> </div>
<div className={styles.visit}>
<h2>Besøk oss</h2>
<div className={styles.visitContent}>
<div className={styles.address}>
<h3>Adresse</h3>
<div>
Chateau Neuf
<br />
Slemdalsveien 15
<br />
0369 Oslo
<br />
<a href="#" target="_blank">
Vis i Google Maps&nbsp;
<Icon type="externalLink" />
</a>
</div>
</div>
<div className={styles.openingHoursWrapper}>
<h3>Åpningstider i dag</h3>
<OpeningHoursTable />
<Link href="/praktisk#apningstider">
Se alle åpningstider&nbsp;
<Icon type="arrowRight" />
</Link>
</div>
</div>
</div>
<div className={styles.pig}>
<NeonChillPig />
</div>
</footer>
<div className={styles.pigPattern}>
<div className={styles.toTop}>
<ToTop />
</div>
</div> </div>
<div className={styles.pig}> </>
<NeonChillPig />
</div>
</footer>
<div className={styles.pigPattern}>
<div className={styles.toTop}>
<ToTop />
</div>
</div>
</>
); );
}; };

8
web/src/components/layout/Header.tsx
View File

@ -135,8 +135,12 @@ export const Header = () => {
</Link> </Link>
</li> </li>
<li> <li>
{/* TODO: skal trolig ikke være så synlig ved lansering */} <Link
<Link href="/foreninger">Foreninger</Link> href="/foreninger"
data-active={pathname === "/foreninger"}
>
Foreninger
</Link>
</li> </li>
<li className={styles.galtinn}> <li className={styles.galtinn}>
<a href="https://galtinn.neuf.no/" target="_blank"> <a href="https://galtinn.neuf.no/" target="_blank">