From 414278458f8caf0aa36da83ffa59d1369e939573 Mon Sep 17 00:00:00 2001
From: Alek Petuskey <alekpetuskey@Aleks-MacBook-Pro.local>
Date: Wed, 9 Oct 2024 16:00:15 -0700
Subject: [PATCH] Rework default ui for upload

---
 assets/favicon.ico               | Bin 0 -> 4286 bytes
 pynecone/__init__.py             |   0
 pynecone/pynecone.py             |  39 +++++++++++++++++++++++++++++++
 reflex/components/core/upload.py |   7 +++---
 rxconfig.py                      |   5 ++++
 5 files changed, 48 insertions(+), 3 deletions(-)
 create mode 100644 assets/favicon.ico
 create mode 100644 pynecone/__init__.py
 create mode 100644 pynecone/pynecone.py
 create mode 100644 rxconfig.py

diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..166ae995eaa63fc96771410a758282dc30e925cf
GIT binary patch
literal 4286
zcmeHL>rYc>81ELdEe;}zmYd}cUgmJRfwjUwD1`#s5KZP>mMqza#Viv|_7|8f+0+bX
zHuqusuw-7Ca`DTu#4U4^o2bjO#K>4%N?Wdi*wZ3Vx%~Ef4}D1`U_EM<ED`eKIp@9o
zp65Bw<qbOBQ~XU%)``Emx+tAauhZ$)6CBbN5Mo^Y;oQQXF-IT%Pq;&UB^J~Bj=dja
zgx_&57F)a2m^@!dxyH|D2{|w4LZzIOd!-Cr6Yg1_;kWm~`;Qy9gYeos@CEf)>Rg3u
z#2#M|V>}}q-@<vp;pM&w_f25f58U*rm>IaO@{9R}d*u7f&~5HfxSkmHVcazU#i30H
zAGxQ<ed9tizB_yrXFofRQ-_b?!nda|(KD#(Ao-*e{t){bzx)QLJ~@hWpVr{y$4B98
zzlMN&2*Q_gZ8)jWcf#f$$h%JW9CBC1W7E^i@m@hGW<0}CY;*R@@1**;yB|uI3$Jb5
zip|eN!W0#QtYs0nbn+}P<b^mh9Iu@Bc6qo*L1XRL*v@k*Qr00iIt~XbsxadohHnvm
zzmxIa<;FYP@=>5Spe!j9`KuGqR@aExK`-}sH1jvqoIp<GYFHC9sD~a0$|~=}KcMpO
z%g#k!bUaGdrXhD_EZWXI;eQ<dHwph+D>3C7Vm)9Tu=UPE;j^esN~a6^a$ZILngo;^
zGLXl(ZFyY&U!li`6}y-hUQ99v?s`U4O!kgog74FPw-9g+V)qs!jFGEQyvBf><<X4)
z20)EJ?eQNPe<sG#`-N7xTd%=(u^o=zI*7}#6Sj+&;rN~MmsWgGwhMc=8u6|%AA2@$
z!_}srFw;N!@bMq9T8(8(Y%(nIDX=7FqL}$mV#wrkhKdr7nGNZ%rmTnk*A|RBS+_eK
z@c!+D!n)(@Ub<e&oDY>U|E2vRmx|+(VI~S=lT?@~C5pvZOd`x{Q_+3tG6H=gtdWcf
z)+7-Zp=UqH^J4sk<ladXkZUKo1YeQhRKYRUoT7wOI4^bJZttkdIo>^>_G-Ufn-2Hz
z2mN12|C{5}U`^eCQu<l=+M2RKMOo@bSomI^z6rLUo8h;)aO-*(l<PM3!Colz!-Lo@
z*WAM&tbeAcSnMw<$56*#=xM$JSIbp6Tdu**cyv(qwEcl@j_<d;j;a@5#@=ibDqq-w
zD~&&5TJ+6FtiML)Uv>Fz=F%wp@}SzA1MHEaM^CtJs<{}Tzu$bx2orTKiedgmtVGM{
zdd#vX`&cuiec|My_KW;y{Ryz2kFu9}=~us6hvx1ZqQCk(d+>HP>ks>mmHCjjDh{pe
zKQkKpk0SeDX#XMqf$}QV{z=xrN!mQczJAvud@;zFqaU1ocq==Py)qsa=8UKrt!J7r
z{RsTo^rgtZo%$rak)DN*D)!(Y^$@yL6Nd=#eu&?unzhH8yq>v{gkt8xcG3S%H)-y_
zqQ1|v|JT$0R~Y}omg2Y+nDvR+K|kzR5i^fmKF>j~N;A35Vr`JWh4yRqKl#P|qlx?`
z@|CmBiP}<RpdN|oD7g<x6VgyB@|52{KRN;Jr_XD)-^Y85djC4|1vcoO<#&w1w#YT?
zD|6URDPdaVIa{n_zsy?pJet3+S8WmZ;c#&;=l#52O){@;u$I>ysYO%m2{eBG6&ix5
zr#u((F2{vb=W4jNmTQh3M^F2o80T49?w>*rv0mt)-o1y!{hRk`E#UVPdna6jnz`rw
dKpn)r^--YJZpr;bYU`N~>#v3X5BRU&{{=gv-{1fM

literal 0
HcmV?d00001

diff --git a/pynecone/__init__.py b/pynecone/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/pynecone/pynecone.py b/pynecone/pynecone.py
new file mode 100644
index 000000000..c0de6e44f
--- /dev/null
+++ b/pynecone/pynecone.py
@@ -0,0 +1,39 @@
+"""Welcome to Reflex! This file outlines the steps to create a basic app."""
+
+import reflex as rx
+
+from rxconfig import config
+
+
+class State(rx.State):
+    """The app state."""
+
+    ...
+
+
+def index() -> rx.Component:
+    # Welcome Page (Index)
+    return rx.container(
+        rx.color_mode.button(position="top-right"),
+        rx.vstack(
+            rx.heading("Welcome to Reflex!", size="9"),
+            rx.text(
+                "Get started by editing ",
+                rx.code(f"{config.app_name}/{config.app_name}.py"),
+                size="5",
+            ),
+            rx.link(
+                rx.button("Check out our docs!"),
+                href="https://reflex.dev/docs/getting-started/introduction/",
+                is_external=True,
+            ),
+            spacing="5",
+            justify="center",
+            min_height="85vh",
+        ),
+        rx.logo(),
+    )
+
+
+app = rx.App()
+app.add_page(index)
diff --git a/reflex/components/core/upload.py b/reflex/components/core/upload.py
index ac7d5f164..5fa55a452 100644
--- a/reflex/components/core/upload.py
+++ b/reflex/components/core/upload.py
@@ -23,6 +23,8 @@ from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
 from reflex.vars.base import CallableVar, LiteralVar, Var
 from reflex.vars.sequence import LiteralStringVar
+from reflex.components.radix.themes.components.button import button
+from reflex.components.lucide import icon
 
 DEFAULT_UPLOAD_ID: str = "default"
 
@@ -324,9 +326,8 @@ class StyledUpload(Upload):
             The styled upload component.
         """
         # Set default props.
-        props.setdefault("border", "1px dashed var(--accent-12)")
-        props.setdefault("padding", "5em")
-        props.setdefault("textAlign", "center")
+        if not children:
+            children = [button("Upload Files", icon("upload", size=12), align_items="center")]
 
         # Mark the Upload component as used in the app.
         Upload.is_used = True
diff --git a/rxconfig.py b/rxconfig.py
new file mode 100644
index 000000000..ebff4226e
--- /dev/null
+++ b/rxconfig.py
@@ -0,0 +1,5 @@
+import reflex as rx
+
+config = rx.Config(
+    app_name="pynecone",
+)
\ No newline at end of file