aljaz/sendstr-web
1
0
Fork 0
mirror of https://github.com/aljazceru/sendstr-web.git synced 2025-12-17 06:24:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Remove Card from settings view.

Browse Source
This commit is contained in:
Arne Pedersen
2022-12-29 00:25:02 +01:00
parent 02aaeaa272
commit d75068651c
1 changed files with 52 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/pages/settings/index.tsx
View File

@@ -28,7 +28,7 @@ export default function Settings() {
<>
<Head>
<title>Sendstr - Settings</title>
<meta name="title" content="Sendstr - Settings"/>
<meta name="title" content="Sendstr - Settings" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<meta
name="description"
@@ -58,59 +58,57 @@ export default function Settings() {
<div className="max-w-[80rem] mx-auto">
<Header />
<main className="max-w-[64rem] m-auto">
<Card>
<div className="max-w-[30rem] m-auto p-10">
<h2 className="text-2xl pb-5">Relays</h2>
<ul>
{settings.relays.map((relay) => (
<li key={relay.url}>
<div className="m-auto flex items-center pb-3">
<Toggle
checked={relay.enabled}
onChange={() => {
toggleRelay(relay.url)
setSettings({
...settings,
relays: getRelays(),
})
}}
/>
<label className="lg:text-lg flex-grow text-center p-2 truncate">
{relay.url}
</label>
<button
onClick={() => {
removeRelay(relay.url)
setSettings({
...settings,
relays: getRelays(),
})
}}
>
<MdDelete className="text-2xl" />
</button>
</div>
</li>
))}
</ul>
<Input className="pt-5" ref={newPool} placeholder="Relay url" />
<Button
className="pt-5"
onClick={() => {
addRelay({
url: newPool?.current?.value || "",
enabled: true,
})
setSettings({
...settings,
relays: getRelays(),
})
}}
>
Add Relay
</Button>
</div>
</Card>
<div className="max-w-[30rem] m-auto p-10">
<h2 className="text-2xl pb-5">Relays</h2>
<ul>
{settings.relays.map((relay) => (
<li key={relay.url}>
<div className="m-auto flex items-center pb-3">
<Toggle
checked={relay.enabled}
onChange={() => {
toggleRelay(relay.url)
setSettings({
...settings,
relays: getRelays(),
})
}}
/>
<label className="lg:text-lg flex-grow text-center p-2 truncate">
{relay.url}
</label>
<button
onClick={() => {
removeRelay(relay.url)
setSettings({
...settings,
relays: getRelays(),
})
}}
>
<MdDelete className="text-2xl" />
</button>
</div>
</li>
))}
</ul>
<Input className="pt-5" ref={newPool} placeholder="Relay url" />
<Button
className="pt-5"
onClick={() => {
addRelay({
url: newPool?.current?.value || "",
enabled: true,
})
setSettings({
...settings,
relays: getRelays(),
})
}}
>
Add Relay
</Button>
</div>
</main>
</div>
</div>