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
67 lines
1.7 KiB
Python
67 lines
1.7 KiB
Python
import reflex as rx
|
|
|
|
from ...webui import styles
|
|
from ...webui.state import State
|
|
|
|
|
|
def sidebar_chat(chat: str) -> rx.Component:
|
|
"""A sidebar chat item.
|
|
|
|
Args:
|
|
chat: The chat item.
|
|
|
|
Returns:
|
|
The sidebar chat item.
|
|
"""
|
|
return rx.chakra.hstack(
|
|
rx.chakra.box(
|
|
chat,
|
|
on_click=lambda: State.set_chat(chat),
|
|
style=styles.sidebar_style,
|
|
color=styles.icon_color,
|
|
flex="1",
|
|
),
|
|
rx.chakra.box(
|
|
rx.chakra.icon(
|
|
tag="delete",
|
|
style=styles.icon_style,
|
|
on_click=State.delete_chat,
|
|
),
|
|
style=styles.sidebar_style,
|
|
),
|
|
color=styles.text_light_color,
|
|
cursor="pointer",
|
|
)
|
|
|
|
|
|
def sidebar() -> rx.Component:
|
|
"""The sidebar component.
|
|
|
|
Returns:
|
|
The sidebar component.
|
|
"""
|
|
return rx.chakra.drawer(
|
|
rx.chakra.drawer_overlay(
|
|
rx.chakra.drawer_content(
|
|
rx.chakra.drawer_header(
|
|
rx.chakra.hstack(
|
|
rx.chakra.text("Chats"),
|
|
rx.chakra.icon(
|
|
tag="close",
|
|
on_click=State.toggle_drawer,
|
|
style=styles.icon_style,
|
|
),
|
|
)
|
|
),
|
|
rx.chakra.drawer_body(
|
|
rx.chakra.vstack(
|
|
rx.foreach(State.chat_titles, lambda chat: sidebar_chat(chat)),
|
|
align_items="stretch",
|
|
)
|
|
),
|
|
),
|
|
),
|
|
placement="left",
|
|
is_open=State.drawer_open,
|
|
)
|