Remove chakra deprecations (#51)

Author: ElijahAhianyo

.gitignore

@@ -1,3 +1,4 @@
+assets/external/
 **/*.db
 **/*.ipynb
 **/*.pyc
@@ -17,4 +18,4 @@ bun.lockb
 dist/*
 frontend.zip
 poetry.lock
-venv/
+venv/

chat/chat.py

@@ -1,12 +1,14 @@
 """The main Chat app."""
 
 import reflex as rx
+import reflex_chakra as rc
+
 from chat.components import chat, navbar
 
 
 def index() -> rx.Component:
     """The main app."""
-    return rx.chakra.vstack(
+    return rc.vstack(
         navbar(),
         chat.chat(),
         chat.action_bar(),

chat/components/chat.py

@@ -1,4 +1,5 @@
 import reflex as rx
+import reflex_chakra as rc
 
 from chat.components import loading_icon
 from chat.state import QA, State
@@ -60,8 +61,8 @@ def action_bar() -> rx.Component:
     """The action bar to send a new message."""
     return rx.center(
         rx.vstack(
-            rx.chakra.form(
-                rx.chakra.form_control(
+            rc.form(
+                rc.form_control(
                     rx.hstack(
                         rx.input(
                             rx.input.slot(

chat/components/modal.py

@@ -1,16 +1,18 @@
 import reflex as rx
+import reflex_chakra as rc
+
 from chat.state import State
 
 
 def modal() -> rx.Component:
     """A modal to create a new chat."""
-    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(
+    return rc.modal(
+        rc.modal_overlay(
+            rc.modal_content(
+                rc.modal_header(
+                    rc.hstack(
+                        rc.text("Create new chat"),
+                        rc.icon(
                             tag="close",
                             font_size="sm",
                             on_click=State.toggle_modal,
@@ -22,17 +24,17 @@ def modal() -> rx.Component:
                         justify_content="space-between",
                     )
                 ),
-                rx.chakra.modal_body(
-                    rx.chakra.input(
+                rc.modal_body(
+                    rc.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(
+                rc.modal_footer(
+                    rc.button(
                         "Create",
                         bg="#5535d4",
                         box_shadow="md",

requirements.txt

@@ -1,2 +1,3 @@
 reflex>=0.4.7
 openai>=1.14.0
+reflex-chakra>=0.6.0