Shared dirs almost ready :D

src/landing/Dockerfile.dev

@@ -25,7 +25,7 @@ RUN mv .web/_static /tmp/_static
 RUN rm -rf .web && mkdir .web
 RUN mv /tmp/_static .web/_static
 
-# Stage 2: copy artifacts into slim image 
+# Stage 2: copy artifacts into slim image
 FROM python:3.11-slim
 WORKDIR /app
 RUN adduser --disabled-password --home /app reflex
@@ -51,4 +51,3 @@ RUN /app/.venv/bin/pip install -r /app/requirements.txt
 
 # The following lines are for the specific command for the application.
 CMD reflex init && reflex run --env dev
-

src/landing/landing/components/__init__.py

@@ -1,2 +1,2 @@
-from .navbar import navbar
+from landing.shared.components import navbar
 from .footer import footer

src/landing/landing/components/navbar.py

@@ -1,39 +0,0 @@
-import reflex as rx
-from landing.style import *
-
-def navbar():
-    return rx.box(
-        rx.center(
-            rx.flex(
-                rx.link(
-                    rx.text("About", color=color["white"]),
-                    href="http://about.timmypidashev.localhost"
-                )
-            ),
-            rx.flex(
-                rx.link(
-                    rx.text("Projects", color=color["white"]),
-                    href="http://projects.timmypidashev.localhost"
-                )
-            ),
-            rx.flex(
-                rx.link(
-                    rx.text("Resume", color=color["white"]),
-                    href="http://resume.timmypidashev.localhost"
-                )
-            ),
-            rx.flex(
-                rx.link(
-                    rx.text("Blog", color=color["white"]),
-                    href="http://blog.timmypidashev.localhost"
-                )
-            ),
-            rx.flex(
-                rx.link(
-                    rx.text("Shop", color=color["white"]),
-                    href="http://shop.timmypidashev.localhost"
-                )
-            ),
-            spacing="7",
-        )
-    )

src/landing/landing/pages/__init__.py

@@ -1,7 +1,7 @@
 from landing.route import Route
 
 from .index import index
-from .page404 import page404
+from landing.shared.pages import page404
 
 routes = [
     *[r for r in locals().values() if isinstance(r, Route)],

src/landing/landing/pages/page404.py

@@ -1,15 +0,0 @@
-import reflex as rx
-from landing.templates import webpage
-
-# TODO: Add a go back here link
-
-@webpage(path="/404", title="Page Not Found")
-def page404():
-    return rx.center(
-        rx.vstack(
-            rx.heading("Whoops, this page doesn't exist...", size="9"),
-            rx.spacer(),
-        ),
-        height="100vh",
-        width="100%",
-    )

src/landing/landing/templates/webpage.py

@@ -36,7 +36,7 @@ def webpage(path: str, title: str = "Timothy Pidashev", props=None) -> Callable:
                 The component with the template applied.
             """
             # Import here to avoid circular imports.
-            from landing.components.navbar import navbar
+            from landing.shared.components.navbar import navbar
             from landing.components.footer import footer
 
             # Wrap the component in the template.