From 8b2c6e67f5fdc5a16c3bc4e1eea8e08968ca7ff7 Mon Sep 17 00:00:00 2001 From: Ren Amamiya <123083837+reyamir@users.noreply.github.com> Date: Sat, 18 Mar 2023 08:19:30 +0700 Subject: [PATCH] updated UI/UX --- src/components/appHeader/index.tsx | 43 ++++++++++++------- src/components/columns/account/account.tsx | 4 +- src/components/columns/account/index.tsx | 25 +++++++++-- .../columns/navigator/newsfeed/index.tsx | 4 +- src/components/imageWithFallback.tsx | 1 + src/components/user/extend.tsx | 10 ++++- src/components/user/mini.tsx | 5 ++- src/pages/explore.tsx | 24 +++++++++++ 8 files changed, 89 insertions(+), 27 deletions(-) create mode 100644 src/pages/explore.tsx diff --git a/src/components/appHeader/index.tsx b/src/components/appHeader/index.tsx index b2aa0a68..d48ed670 100644 --- a/src/components/appHeader/index.tsx +++ b/src/components/appHeader/index.tsx @@ -1,6 +1,6 @@ import { NoteConnector } from '@components/note/connector'; -import { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons'; +import { ArrowLeftIcon, ArrowRightIcon, ReloadIcon } from '@radix-ui/react-icons'; import { useRouter } from 'next/router'; export default function AppHeader() { @@ -14,21 +14,34 @@ export default function AppHeader() { window.history.forward(); }; + const reload = () => { + router.reload(); + }; + return ( -