diff --git a/src/components/Views/Author/Author.tsx b/src/components/Views/Author/Author.tsx index ca5d11d5..4878ac3b 100644 --- a/src/components/Views/Author/Author.tsx +++ b/src/components/Views/Author/Author.tsx @@ -218,7 +218,7 @@ export const AuthorView = (props: AuthorProps) => {
-

{author.bio}

+

{author.about}

diff --git a/src/components/Views/Feed.module.scss b/src/components/Views/Feed.module.scss index 07d6875a..96d2dc22 100644 --- a/src/components/Views/Feed.module.scss +++ b/src/components/Views/Feed.module.scss @@ -112,7 +112,7 @@ border: none; &::before { - background: url(/public/icons/knowledge-base-bullet.svg) no-repeat; + background: url(/icons/knowledge-base-bullet.svg) no-repeat; content: ''; height: 2.4rem; left: 0; @@ -123,7 +123,7 @@ &:hover { &:before { - background-image: url(/public/icons/knowledge-base-bullet-hover.svg); + background-image: url(/icons/knowledge-base-bullet-hover.svg); } } } diff --git a/src/components/Views/Feed.tsx b/src/components/Views/Feed.tsx index ca96001d..88f92a27 100644 --- a/src/components/Views/Feed.tsx +++ b/src/components/Views/Feed.tsx @@ -123,7 +123,7 @@ export const FeedView = () => { searchParams().by === 'publish_date' || !searchParams().by })} > - {t('My feed')} + {t('Recent')} {/*
  • */} {/* {t('Most read')}*/} diff --git a/src/renderer/_default.page.client.tsx b/src/renderer/_default.page.client.tsx index 5f0df5b2..1348e177 100644 --- a/src/renderer/_default.page.client.tsx +++ b/src/renderer/_default.page.client.tsx @@ -7,6 +7,7 @@ import { use as useI18next, init as initI18next } from 'i18next' import HttpApi from 'i18next-http-backend' import * as Sentry from '@sentry/browser' import { SENTRY_DSN } from '../utils/config' +import { resolveHydrationPromise } from '../utils/hydrationPromise' let layoutReady = false @@ -49,3 +50,7 @@ export const render = async (pageContext: PageContextBuiltInClientWithClientRout layoutReady = true } } + +export const onHydrationEnd = () => { + resolveHydrationPromise() +} diff --git a/src/stores/router.ts b/src/stores/router.ts index 2352aa11..4b7325f7 100644 --- a/src/stores/router.ts +++ b/src/stores/router.ts @@ -2,6 +2,7 @@ import type { Accessor } from 'solid-js' import { createRouter, createSearchParams } from '@nanostores/router' import { isServer } from 'solid-js/web' import { useStore } from '@nanostores/solid' +import { hydrationPromise } from '../utils/hydrationPromise' export const ROUTES = { home: '/', @@ -95,6 +96,8 @@ const handleClientRouteLinkClick = async (event) => { event.preventDefault() + await hydrationPromise + if (url.pathname) { routerStore.open(url.pathname) } diff --git a/src/utils/hydrationPromise.ts b/src/utils/hydrationPromise.ts new file mode 100644 index 00000000..a4029574 --- /dev/null +++ b/src/utils/hydrationPromise.ts @@ -0,0 +1,5 @@ +export let resolveHydrationPromise + +export const hydrationPromise = new Promise((resolve) => { + resolveHydrationPromise = resolve +})