albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added contacts tab

Browse source
This commit is contained in:
mrfry 2021-03-16 16:43:24 +01:00
parent 2912e54370
commit 54de067ace
3 changed files with 54 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/data/tabs.json
View file

@ -18,5 +18,9 @@
"ranklist": {
"href": "/ranklist",
"text": "Ranklista"
},
"contact": {
"href": "/contact",
"text": "Kapcsolat"
}
}

43
src/pages/contact.js Normal file
View file

@ -0,0 +1,43 @@
import React from 'react'
import Head from 'next/head'
import styles from './contact.module.css'
const contactMethods = {
irc: {
title: 'IRC chat',
description: 'irc real time chat',
onClick: () => {
console.log('IRC')
},
},
email: {
title: 'E-mail',
description: 'email',
onClick: () => {
console.log('email')
},
},
}
export default function Contact() {
return (
<div>
<Head>
<title>Kapcsolat - Qmining | Frylabs.net</title>
</Head>
<div className={styles.contactsContainer}>
<div>Itt vannak hogy hogy lehet kontaktolni</div>
{Object.keys(contactMethods).map((key) => {
const { onClick, title, description } = contactMethods[key]
return (
<div key={key} onClick={onClick}>
<div>{title}</div>
<div>{description}</div>
</div>
)
})}
</div>
</div>
)
}

7
src/pages/contact.module.css Normal file
View file

@ -0,0 +1,7 @@
.contactsContainer {
margin: 5px;
}
.contactsContainer > div {
display: flex;
}