github.com/Theta-Dev/Talon@v0.0.0-20211018130634-ff179e19fa9a/ui/menu/src/components/MenuItemPage.svelte (about)

     1  <script lang="ts">
     2  	import type {TalonPage} from "../util/types"
     3  	import PageIcon from "./PageIcon.svelte"
     4  	import MenuItem from "./MenuItem.svelte"
     5  
     6  	export let page: TalonPage
     7  	export let rootPath = "/"
     8  	export let active = false
     9  
    10  	const MAX_TEXT_LEN = 20
    11  
    12  	let text: string
    13  	$: text =
    14  		page.name.length > MAX_TEXT_LEN
    15  			? page.name.substr(0, 20).trim() + "..."
    16  			: page.name
    17  
    18  </script>
    19  
    20  <MenuItem {active} {text} link={rootPath + page.path}>
    21  	<PageIcon {page} />
    22  </MenuItem>