s352038
/
BlurMe
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dashboard

This commit is contained in:
kat 2023-12-12 15:06:29 +01:00
parent 976ff16d1f
commit 275d3acdd5
1 changed files with 48 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
blurme/pages/dashboard.py
View File

@ -3,14 +3,46 @@ from blurme.templates import template
import reflex as rx
ICON_EMAIL = "assets/email-icon.png"
ICON_PHONE = "assets/phone-icon.png"
@template(route="/dashboard", title="Kontakt", image="/contact-icon.png")
# def dashboard() -> rx.Component:
# """The dashboard page.
#
# Returns:
# The UI for the dashboard page.
# """
# section_style = {"background-color": "#f5f5f5", "padding": "10px", "margin-bottom": "20px"}
# icon_style = {"width": "20px", "height": "20px", "margin-right": "10px"}
# heading_style = {"font-weight": "bold", "font-family": "Arial, sans-serif"}
#
# return rx.fragment(
# rx.heading("Kontakt", font_size="3em"),
# rx.text("Witaj na stronie Kontaktowej w aplikacji BlurMe!"),
# rx.text(
# "Jesteśmy dostępni dla Ciebie na różnych platformach. "
# "Skontaktuj się z nami, gdy tylko masz pytania, sugestie lub "
# "po prostu chcesz porozmawiać o naszej aplikacji."
# ),
# rx.image(src=ICON_EMAIL, alt="Email icon", style=icon_style),
# rx.heading("E-mail", level=2, style=heading_style),
# rx.text("Zapraszamy do napisania do nas na adres: contact@blurme.com", style=section_style),
# rx.image(src=ICON_PHONE, alt="Phone icon", style=icon_style),
# rx.heading("Telefon", level=2, style=heading_style),
# rx.text("Możesz także zadzwonić pod numer: +48 123 456 789", style=section_style),
# )
def dashboard() -> rx.Component:
"""The dashboard page.
Returns:
The UI for the dashboard page.
"""
container_style = {"background-color": "#f5f5f5", "padding": "10px", "margin-bottom": "20px", "display": "flex", "align-items": "center"}
icon_style = {"width": "20px", "height": "20px", "margin-right": "10px"}
heading_style = {"font-weight": "bold", "font-family": "Arial, sans-serif"}
return rx.fragment(
rx.heading("Kontakt", font_size="3em"),
rx.text("Witaj na stronie Kontaktowej w aplikacji BlurMe!"),
@ -19,10 +51,20 @@ def dashboard() -> rx.Component:
"Skontaktuj się z nami, gdy tylko masz pytania, sugestie lub "
"po prostu chcesz porozmawiać o naszej aplikacji."
),
rx.heading("E-mail:", level=3),
rx.text("Zapraszamy do napisania do nas na adres: contact@blurme.com"),
rx.heading("Telefon:", level=3),
rx.text("Możesz także zadzwonić pod numer: +48 123 456 789"),
rx.heading("Media Społecznościowe:", level=3),
rx.text("Odwiedź nas na Facebooku, Twitterze i Instagramie @BlurMeApp")
rx.fragment(
rx.fragment(
rx.image(src=ICON_EMAIL, alt="Email icon", style=icon_style),
rx.heading("E-mail", level=3, style=heading_style),
rx.text("Zapraszamy do napisania do nas na adres: contact@blurme.com"),
style=container_style
)
),
rx.fragment(
rx.fragment(
rx.image(src=ICON_PHONE, alt="Phone icon", style=icon_style),
rx.heading("Telefon", level=3, style=heading_style),
rx.text("Możesz także zadzwonić pod numer: +48 123 456 789"),
style=container_style
)
)
)