From 7ff82e68a3ea7f24e5ffa39521c4964089edb45d Mon Sep 17 00:00:00 2001
From: Shusui MOYATANI <syusui.s@gmail.com>
Date: Mon, 8 May 2023 20:20:37 +0900
Subject: [PATCH] fix: usage of resolveAsset

---
 src/components/SideBar.tsx        |  2 +-
 src/components/column/Columns.tsx | 10 ++++++++++
 src/components/modal/About.tsx    |  2 +-
 src/pages/Hello.tsx               |  2 +-
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
index 38cc690..3bec9f7 100644
--- a/src/components/SideBar.tsx
+++ b/src/components/SideBar.tsx
@@ -71,7 +71,7 @@ const SideBar: Component = () => {
           <button class="pt-2" onClick={() => showAbout()}>
             <img
               class="h-8 w-8"
-              src={resolveAsset('/images/rabbit_app_256.png')}
+              src={resolveAsset('images/rabbit_app_256.png')}
               alt="About rabbit"
             />
           </button>
diff --git a/src/components/column/Columns.tsx b/src/components/column/Columns.tsx
index 83b938d..7e4999e 100644
--- a/src/components/column/Columns.tsx
+++ b/src/components/column/Columns.tsx
@@ -5,6 +5,7 @@ import NotificationColumn from '@/components/column/NotificationColumn';
 import PostsColumn from '@/components/column/PostsColumn';
 import ReactionsColumn from '@/components/column/ReactionsColumn';
 import RelaysColumn from '@/components/column/RelaysColumn';
+import SearchColumn from '@/components/column/SearchColumn';
 import useConfig from '@/core/useConfig';
 
 const Columns = () => {
@@ -63,6 +64,15 @@ const Columns = () => {
                   />
                 )}
               </Match>
+              <Match when={column.columnType === 'Search' && column} keyed>
+                {(reactionsColumn) => (
+                  <SearchColumn
+                    column={reactionsColumn}
+                    columnIndex={columnIndex()}
+                    lastColumn={lastColumn()}
+                  />
+                )}
+              </Match>
             </Switch>
           );
         }}
diff --git a/src/components/modal/About.tsx b/src/components/modal/About.tsx
index e33c444..4567242 100644
--- a/src/components/modal/About.tsx
+++ b/src/components/modal/About.tsx
@@ -39,7 +39,7 @@ const About: Component<AboutProps> = (props) => {
     <BasicModal onClose={props.onClose}>
       <div class="p-8">
         <div class="flex flex-col items-center pt-8">
-          <img src={resolveAsset('/images/rabbit_app_256.png')} alt="Logo" width="64" height="64" />
+          <img src={resolveAsset('images/rabbit_app_256.png')} alt="Logo" width="64" height="64" />
 
           <h1 class="my-4">
             Rabbit <span id="app-version">v{packageInfo()?.self?.version}</span>
diff --git a/src/pages/Hello.tsx b/src/pages/Hello.tsx
index 090ac26..a3414ca 100644
--- a/src/pages/Hello.tsx
+++ b/src/pages/Hello.tsx
@@ -49,7 +49,7 @@ const Hello: Component = () => {
   return (
     <div class="mx-auto flex max-w-[640px] flex-col items-center p-4 text-stone-600">
       <div class="flex flex-col items-center gap-4 rounded bg-white p-4">
-        <img src={resolveAsset('/images/rabbit_256.png')} width="96" alt="logo" height="96" />
+        <img src={resolveAsset('images/rabbit_256.png')} width="96" alt="logo" height="96" />
         <h1 class="text-5xl font-black text-rose-300">Rabbit</h1>
         <div>Rabbit is a Web client for Nostr.</div>
         <p class="text-center">