ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Merge pull request #15 from ayoayco/feat/add-library-link-on-address-bar

Browse source 
feat: add library link on to address bar
This commit is contained in:
Ayo Ayco 2023-06-04 20:00:15 +02:00 committed by GitHub
commit edaec363c8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/AddressBar.astro
View file

@ -27,9 +27,15 @@ const form = new FormGroup([
value: "Get cozy!",
}}
/>
<a class="repo-link" href="https://github.com/ayoayco/cozy"
>Star on GitHub</a
<nav>
<a href="/"
>📚 Library</a
>
•
<a target="_blank" href="https://github.com/ayoayco/cozy"
>⭐️ GitHub</a
>
</nav>
</div>
<style is:inline>
@ -56,8 +62,10 @@ const form = new FormGroup([
color: white;
font-weight: bolder;
}
a.repo-link {
font-size: small;
nav {
margin: 0.5em 0;
}
nav a {
color: brown;
}
</style>

1
src/layouts/Layout.astro
View file

@ -18,7 +18,6 @@ const { title } = Astro.props;
<body>
<slot />
<div id="main-content">
<a href="/">Home</a>
<div id="post-wrapper">
<slot name="post" />
</div>

10
src/pages/index.astro
View file

@ -7,7 +7,7 @@ import Library from "../components/Library.astro";
const params = Astro.url.searchParams;
const url = params.get('url') || '';
let article: ArticleData;
let article: ArticleData | null;
let skipSave;
const error = {
@ -16,7 +16,11 @@ const error = {
}
try {
article = await extract(url) || error;
article = await extract(url);
if (!article ) {
article = error;
skipSave = true;
}
} catch {
article = error;
skipSave = true;
@ -34,5 +38,5 @@ if (url === '') {
<Layout title={url !== "" ? article?.title : "Your modern-day reading assistant"}>
<AddressBar url={url} />
<Post slot="post" article={article} />
<Library skipSave={!article || skipSave} slot="library" postDivSelector="#post" />
<Library skipSave={skipSave} slot="library" postDivSelector="#post" />
</Layout>