539b467141
* feat: adding create bot functionality Signed-off-by: James <james@jan.ai> * update the temperature progress bar Signed-off-by: James <james@jan.ai> * WIP baselayout * Mapping plugins with available preferences * Added loader component * WIP working another screen * Cleanup types and avoid import one by one * Prepare bottom bar * Add css variables colors to enable user select the accent * Enable change accent color * Seperate css variable * Fix conflict * Add blank state of my model empty * Restyle explore models page * Enable user config left sidebar * Restyle my models page * WIP styling chat page * Restyling chat message * Fix conflict * Adde form preferences setting plugins * Fixed form bot info * Sidebar bot chat * Showing rightbar for both setting when user created bot * Fix style bot info * Using overflow auto intead of scroll * Remove script built UI from root package * Fix missig import * Resolve error linter * fix e2e tests Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
30 lines
1.2 KiB
TypeScript
30 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import * as React from 'react'
|
|
import * as SwitchPrimitives from '@radix-ui/react-switch'
|
|
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
const Switch = React.forwardRef<
|
|
React.ElementRef<typeof SwitchPrimitives.Root>,
|
|
React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
|
|
>(({ className, ...props }, ref) => (
|
|
<SwitchPrimitives.Root
|
|
className={twMerge(
|
|
'focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-accent data-[state=unchecked]:bg-background-reverse/20 peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
|
|
className
|
|
)}
|
|
{...props}
|
|
ref={ref}
|
|
>
|
|
<SwitchPrimitives.Thumb
|
|
className={twMerge(
|
|
'bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 '
|
|
)}
|
|
/>
|
|
</SwitchPrimitives.Root>
|
|
))
|
|
Switch.displayName = SwitchPrimitives.Root.displayName
|
|
|
|
export { Switch }
|