Spaces:

stremio-db
/

a

Paused

a / web /src /components /ui /sidebar /utils.ts

PNRxA

implement dashboard layout and additional tests

2c8ae4e 8 months ago

666 Bytes

import type { ComputedRef, Ref } from "vue"
import { createContext } from "reka-ui"

export const SIDEBAR_COOKIE_NAME = "sidebar_state"
export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
export const SIDEBAR_WIDTH = "16rem"
export const SIDEBAR_WIDTH_MOBILE = "18rem"
export const SIDEBAR_WIDTH_ICON = "3rem"
export const SIDEBAR_KEYBOARD_SHORTCUT = "b"

export const [useSidebar, provideSidebarContext] = createContext<{
  state: ComputedRef<"expanded" | "collapsed">
  open: Ref<boolean>
  setOpen: (value: boolean) => void
  isMobile: Ref<boolean>
  openMobile: Ref<boolean>
  setOpenMobile: (value: boolean) => void
  toggleSidebar: () => void
}>("Sidebar")

	import type { ComputedRef, Ref } from "vue"
	import { createContext } from "reka-ui"

	export const SIDEBAR_COOKIE_NAME = "sidebar_state"
	export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
	export const SIDEBAR_WIDTH = "16rem"
	export const SIDEBAR_WIDTH_MOBILE = "18rem"
	export const SIDEBAR_WIDTH_ICON = "3rem"
	export const SIDEBAR_KEYBOARD_SHORTCUT = "b"

	export const [useSidebar, provideSidebarContext] = createContext<{
	state: ComputedRef<"expanded" \| "collapsed">
	open: Ref<boolean>
	setOpen: (value: boolean) => void
	isMobile: Ref<boolean>
	openMobile: Ref<boolean>
	setOpenMobile: (value: boolean) => void
	toggleSidebar: () => void
	}>("Sidebar")