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
669 B
TypeScript
30 lines
669 B
TypeScript
import React from 'react'
|
|
|
|
type Props = {
|
|
title: string
|
|
onClick?: () => void
|
|
isSubmit?: boolean
|
|
fullWidth?: boolean
|
|
className?: string
|
|
}
|
|
|
|
const PrimaryButton: React.FC<Props> = ({
|
|
title,
|
|
onClick,
|
|
isSubmit = false,
|
|
fullWidth = false,
|
|
className,
|
|
}) => (
|
|
<button
|
|
onClick={onClick}
|
|
type={isSubmit ? 'submit' : 'button'}
|
|
className={`line-clamp-1 flex-shrink-0 rounded-md bg-accent px-3 py-1 font-semibold text-white shadow-sm hover:bg-accent/80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${className} ${
|
|
fullWidth ? 'flex-1 ' : ''
|
|
}}`}
|
|
>
|
|
{title}
|
|
</button>
|
|
)
|
|
|
|
export default PrimaryButton
|