Botón flotante

Author: mouredev

link_bio/link_bio/components/ant_components.py

@@ -1,14 +1,14 @@
-# import reflex as rx
-# from link_bio.styles.colors import Color
+import reflex as rx
+from link_bio.styles.colors import Color
 
 
-# class FloatButton(rx.Component):
-#     library = "antd"
-#     tag = "FloatButton"
-#     icon: rx.Var[rx.el.Img]
-#     href: rx.Var[str]
-#     target = "_blank"
-#     badge = {"dot": True, "color": Color.PRIMARY.value}
+class FloatButton(rx.Component):
+    library = "antd"
+    tag = "FloatButton"
+    icon: rx.Var[rx.el.Img]
+    href: rx.Var[str]
+    target = "_blank"
+    badge = {"dot": True, "color": Color.PRIMARY.value}
 
 
-# float_button = FloatButton.create
+float_button = FloatButton.create

link_bio/link_bio/components/footer.py

@@ -3,7 +3,7 @@
 import link_bio.constants as const
 from link_bio.styles.styles import Size, Spacing
 from link_bio.styles.colors import Color, TextColor
-# from link_bio.components.ant_components import float_button
+from link_bio.components.ant_components import float_button
 
 
 def footer() -> rx.Component:
@@ -46,10 +46,10 @@ def footer() -> rx.Component:
             href=const.REPO_URL,
             is_external=True
         ),
-        # float_button(
-        #     icon=rx.image(src="/icons/donate.svg"),
-        #     href=const.COFFEE_URL
-        # ),
+        float_button(
+            icon=rx.image(src="/icons/donate.svg"),
+            href=const.COFFEE_URL
+        ),
         align="center",
         margin_bottom=Size.BIG.value,
         padding_bottom=Size.VERY_BIG.value,