m
/
portfolio
mirror of https://github.com/kremalicious/portfolio.git
1
0
Fork 0
Code Releases Activity

tweak location display logic

This commit is contained in:
Matthias Kretschmann 2024-04-21 14:38:01 +01:00
parent 519e587e5a
commit 4cdb1ed0c0
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Location/Location.tsx
View File

@ -42,8 +42,10 @@ export default function Location() {
return (
<div className={styles.wrapper}>
{!isPending && location?.now?.city ? (
{!isPending ? (
<Animation>
{location?.now?.city ? (
<>
<Flag
country={{
code: location.now.country_code,
@ -51,9 +53,11 @@ export default function Location() {
}}
/>
{location.now.city} <span>Now</span>
<div className={styles.next}>
</>
) : null}
{location?.next?.city && (
<>
<div className={styles.next}>
{isDifferentCountry && (
<Flag
country={{
@ -66,9 +70,8 @@ export default function Location() {
<span>
{relativeTime.from(new Date(location.next.date_start))}
</span>
</>
)}
</div>
)}
</Animation>
) : null}
</div>