fc6eff7104
* Convert templates to use `rx.chakra` where needed * reflex_init_in_docker_test: run test on PR into reflex-0.4.0 This is why we didn't catch the template issues earlier
57 lines
1.8 KiB
Python
57 lines
1.8 KiB
Python
import reflex as rx
|
|
|
|
from ...webui.state import State
|
|
|
|
|
|
def modal() -> rx.Component:
|
|
"""A modal to create a new chat.
|
|
|
|
Returns:
|
|
The modal component.
|
|
"""
|
|
return rx.chakra.modal(
|
|
rx.chakra.modal_overlay(
|
|
rx.chakra.modal_content(
|
|
rx.chakra.modal_header(
|
|
rx.chakra.hstack(
|
|
rx.chakra.text("Create new chat"),
|
|
rx.chakra.icon(
|
|
tag="close",
|
|
font_size="sm",
|
|
on_click=State.toggle_modal,
|
|
color="#fff8",
|
|
_hover={"color": "#fff"},
|
|
cursor="pointer",
|
|
),
|
|
align_items="center",
|
|
justify_content="space-between",
|
|
)
|
|
),
|
|
rx.chakra.modal_body(
|
|
rx.chakra.input(
|
|
placeholder="Type something...",
|
|
on_blur=State.set_new_chat_name,
|
|
bg="#222",
|
|
border_color="#fff3",
|
|
_placeholder={"color": "#fffa"},
|
|
),
|
|
),
|
|
rx.chakra.modal_footer(
|
|
rx.chakra.button(
|
|
"Create",
|
|
bg="#5535d4",
|
|
box_shadow="md",
|
|
px="4",
|
|
py="2",
|
|
h="auto",
|
|
_hover={"bg": "#4c2db3"},
|
|
on_click=State.create_chat,
|
|
),
|
|
),
|
|
bg="#222",
|
|
color="#fff",
|
|
),
|
|
),
|
|
is_open=State.modal_open,
|
|
)
|