diff options
| author |  Matthew Phillips <matthew@skypack.dev>
| 2022-03-16 12:16:21 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-03-16 12:16:21 -0400 |
| commit | 4c25a1c2eacf897427a7d6dac3bf476ef56799de (patch) | |
| tree | db1d341557694e17a07027ebea160c89bad4813d /examples/ssr/src/components/Header.astro | |
| parent | 8f13b3d4068f0f017186fbc2dbd33a1427768ea4 (diff) | |
| download | astro-4c25a1c2eacf897427a7d6dac3bf476ef56799de.tar.gz astro-4c25a1c2eacf897427a7d6dac3bf476ef56799de.tar.zst astro-4c25a1c2eacf897427a7d6dac3bf476ef56799de.zip | |
Implements redirects, headers for SSR (#2798)
* Implements redirects, headers for SSR
* Move away from an explicit Request
* Properly handle endpoint routes in the build
* chore(lint): ESLint fix
* Update based on review comments
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Diffstat (limited to 'examples/ssr/src/components/Header.astro')
| -rw-r--r-- | examples/ssr/src/components/Header.astro | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/examples/ssr/src/components/Header.astro b/examples/ssr/src/components/Header.astro index 2839c70d3..c4d925a5f 100644 --- a/examples/ssr/src/components/Header.astro +++ b/examples/ssr/src/components/Header.astro @@ -1,6 +1,10 @@ --- import TextDecorationSkip from './TextDecorationSkip.astro'; import Cart from './Cart.svelte'; +import { getCart } from '../api'; + +const cart = await getCart(); +const cartCount = cart.items.reduce((sum, item) => sum + item.count, 0); --- <style> @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); @@ -21,11 +25,25 @@ import Cart from './Cart.svelte'; color: inherit; text-decoration: none; } + + .right-pane { + display: flex; + } + + .material-icons { + font-size: 36px; + margin-right: 1rem; + } </style> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <header> <h1><a href="/"><TextDecorationSkip text="Online Store" /></a></h1> <div class="right-pane"> - <Cart client:idle /> + <a href="/login"> + <span class="material-icons"> + login + </span> + </a> + <Cart client:idle count={cartCount} /> </div> </header> |