|
23 | 23 | <span class=normal>23</span>
|
24 | 24 | <span class=normal>24</span>
|
25 | 25 | <span class=normal>25</span>
|
26 |
| -<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span> <span class=nn>reactpy</span> <span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
| 26 | +<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span><span class=w> </span><span class=nn>reactpy</span><span class=w> </span><span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
27 | 27 |
|
28 |
| -<span class=kn>from</span> <span class=nn>reactpy_router</span> <span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_search_params</span> |
| 28 | +<span class=kn>from</span><span class=w> </span><span class=nn>reactpy_router</span><span class=w> </span><span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_search_params</span> |
29 | 29 |
|
30 | 30 |
|
31 | 31 | <span class=nd>@component</span>
|
32 |
| -<span class=k>def</span> <span class=nf>search</span><span class=p>():</span> |
| 32 | +<span class=k>def</span><span class=w> </span><span class=nf>search</span><span class=p>():</span> |
33 | 33 | <span class=n>search_params</span> <span class=o>=</span> <span class=n>use_search_params</span><span class=p>()</span>
|
34 | 34 | <span class=k>return</span> <span class=n>html</span><span class=o>.</span><span class=n>_</span><span class=p>(</span><span class=n>html</span><span class=o>.</span><span class=n>h1</span><span class=p>(</span><span class=sa>f</span><span class=s2>"Search Results for </span><span class=si>{</span><span class=n>search_params</span><span class=p>[</span><span class=s1>'query'</span><span class=p>][</span><span class=mi>0</span><span class=p>]</span><span class=si>}</span><span class=s2> 🔍"</span><span class=p>),</span> <span class=n>html</span><span class=o>.</span><span class=n>p</span><span class=p>(</span><span class=s2>"Nothing (yet)."</span><span class=p>))</span>
|
35 | 35 |
|
36 | 36 |
|
37 | 37 | <span class=nd>@component</span>
|
38 |
| -<span class=k>def</span> <span class=nf>root</span><span class=p>():</span> |
| 38 | +<span class=k>def</span><span class=w> </span><span class=nf>root</span><span class=p>():</span> |
39 | 39 | <span class=k>return</span> <span class=n>browser_router</span><span class=p>(</span>
|
40 | 40 | <span class=n>route</span><span class=p>(</span>
|
41 | 41 | <span class=s2>"/"</span><span class=p>,</span>
|
|
74 | 74 | <span class=normal>23</span>
|
75 | 75 | <span class=normal>24</span>
|
76 | 76 | <span class=normal>25</span>
|
77 |
| -<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span> <span class=nn>reactpy</span> <span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
| 77 | +<span class=normal>26</span></pre></div></td><td class=code><div><pre><span></span><code><span class=kn>from</span><span class=w> </span><span class=nn>reactpy</span><span class=w> </span><span class=kn>import</span> <span class=n>component</span><span class=p>,</span> <span class=n>html</span><span class=p>,</span> <span class=n>run</span> |
78 | 78 |
|
79 |
| -<span class=kn>from</span> <span class=nn>reactpy_router</span> <span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_params</span> |
| 79 | +<span class=kn>from</span><span class=w> </span><span class=nn>reactpy_router</span><span class=w> </span><span class=kn>import</span> <span class=n>browser_router</span><span class=p>,</span> <span class=n>link</span><span class=p>,</span> <span class=n>route</span><span class=p>,</span> <span class=n>use_params</span> |
80 | 80 |
|
81 | 81 |
|
82 | 82 | <span class=nd>@component</span>
|
83 |
| -<span class=k>def</span> <span class=nf>user</span><span class=p>():</span> |
| 83 | +<span class=k>def</span><span class=w> </span><span class=nf>user</span><span class=p>():</span> |
84 | 84 | <span class=n>params</span> <span class=o>=</span> <span class=n>use_params</span><span class=p>()</span>
|
85 | 85 | <span class=k>return</span> <span class=n>html</span><span class=o>.</span><span class=n>_</span><span class=p>(</span><span class=n>html</span><span class=o>.</span><span class=n>h1</span><span class=p>(</span><span class=sa>f</span><span class=s2>"User </span><span class=si>{</span><span class=n>params</span><span class=p>[</span><span class=s1>'id'</span><span class=p>]</span><span class=si>}</span><span class=s2> 👤"</span><span class=p>),</span> <span class=n>html</span><span class=o>.</span><span class=n>p</span><span class=p>(</span><span class=s2>"Nothing (yet)."</span><span class=p>))</span>
|
86 | 86 |
|
87 | 87 |
|
88 | 88 | <span class=nd>@component</span>
|
89 |
| -<span class=k>def</span> <span class=nf>root</span><span class=p>():</span> |
| 89 | +<span class=k>def</span><span class=w> </span><span class=nf>root</span><span class=p>():</span> |
90 | 90 | <span class=k>return</span> <span class=n>browser_router</span><span class=p>(</span>
|
91 | 91 | <span class=n>route</span><span class=p>(</span>
|
92 | 92 | <span class=s2>"/"</span><span class=p>,</span>
|
|
0 commit comments