Rust implementation of NextGraph, a Decentralized and local-first web 3.0 ecosystem
https://nextgraph.org
byzantine-fault-tolerancecrdtsdappsdecentralizede2eeeventual-consistencyjson-ldlocal-firstmarkdownocapoffline-firstp2pp2p-networkprivacy-protectionrdfrich-text-editorself-hostedsemantic-websparqlweb3collaboration
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.2 KiB
41 lines
1.2 KiB
<!--
|
|
// Copyright (c) 2022-2024 Niko Bonnieure, Par le Peuple, NextGraph.org developers
|
|
// All rights reserved.
|
|
// Licensed under the Apache License, Version 2.0
|
|
// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0>
|
|
// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>,
|
|
// at your option. All files in the project carrying such
|
|
// notice may not be copied, modified, or distributed except
|
|
// according to those terms.
|
|
-->
|
|
|
|
<script lang="ts">
|
|
import { getContext } from "svelte";
|
|
import type { ComponentType } from "svelte";
|
|
import { Icon } from "svelte-heros-v2";
|
|
|
|
export let href: string = "";
|
|
export let icon: ComponentType;
|
|
|
|
const activeUrlStore = getContext("activeUrl") as {
|
|
subscribe: (callback: (value: string) => void) => void;
|
|
};
|
|
|
|
let sidebarUrl = "";
|
|
activeUrlStore.subscribe((value) => {
|
|
sidebarUrl = value;
|
|
});
|
|
|
|
$: active = sidebarUrl ? href === sidebarUrl : false;
|
|
</script>
|
|
|
|
<a {href} class="flex items-center" on:click>
|
|
<Icon
|
|
tabindex="-1"
|
|
color="black"
|
|
variation={active ? "solid" : "outline"}
|
|
class="w-7 h-7 text-black transition duration-75 dark:text-white group-hover:text-gray-900 dark:group-hover:text-white focus:outline-none"
|
|
{icon}
|
|
/>
|
|
<slot />
|
|
</a>
|
|
|