liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(dashboard): avoid full page reloads in links

Browse Source
This commit is contained in:
Draconizations 2022-05-19 21:48:56 +02:00
parent b9a7b08281
commit 7f31ab36c5
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dashboard/src/lib/Navigation.svelte
View File

@ -24,7 +24,7 @@ import { get } from 'svelte/store';
</script> </script>
<Navbar color="light" light expand="lg" class="mb-4"> <Navbar color="light" light expand="lg" class="mb-4">
<NavbarBrand>PluralKit</NavbarBrand> <Link to="/" class="navbar-brand"><NavbarBrand tabindex={-1} class="m-0">PluralKit</NavbarBrand></Link>
<NavbarToggler on:click={toggle}></NavbarToggler> <NavbarToggler on:click={toggle}></NavbarToggler>
<Collapse {isOpen} navbar expand="lg"> <Collapse {isOpen} navbar expand="lg">
<Nav class="ms-auto" navbar> <Nav class="ms-auto" navbar>
@ -48,10 +48,10 @@ import { get } from 'svelte/store';
</Dropdown> </Dropdown>
{/if} {/if}
<NavItem> <NavItem>
<NavLink href="/settings">Settings</NavLink> <Link to="/settings" class="nav-link">Settings</Link>
</NavItem> </NavItem>
<NavItem> <NavItem>
<NavLink href="/profile">Public</NavLink> <Link to="/profile" class="nav-link">Public</Link>
</NavItem> </NavItem>
</Nav> </Nav>
</Collapse> </Collapse>

5
dashboard/src/lib/system/Privacy.svelte
View File

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Card, CardHeader, CardBody, CardTitle, Row, Col, Button, Spinner } from 'sveltestrap'; import { Card, CardHeader, CardBody, CardTitle, Row, Col, Button, Spinner } from 'sveltestrap';
import {Link} from 'svelte-navigator';
import FaUserLock from 'svelte-icons/fa/FaUserLock.svelte'; import FaUserLock from 'svelte-icons/fa/FaUserLock.svelte';
import PrivacyEdit from './PrivacyEdit.svelte'; import PrivacyEdit from './PrivacyEdit.svelte';
@ -42,8 +43,8 @@
</Col> </Col>
</Row> </Row>
<Button style="flex: 0" color="primary" on:click={() => editMode = true}>Edit</Button> <Button style="flex: 0" color="primary" on:click={() => editMode = true}>Edit</Button>
<Button style="flex: 0" color="secondary" on:click={() => window.location.href = window.location.origin+"/dash/bulk-member-privacy"}>Bulk member privacy</Button> <Link to="/dash/bulk-member-privacy"><Button style="flex: 0" color="secondary">Bulk member privacy</Button></Link>
<Button style="flex: 0" color="secondary" on:click={() => window.location.href = window.location.origin+"/dash/bulk-group-privacy"}>Bulk group privacy</Button> <Link to="/dash/bulk-group-privacy"><Button style="flex: 0" color="secondary">Bulk group privacy</Button></Link>
{/if} {/if}
</CardBody> </CardBody>
</Card> </Card>