From 86f48b62ecabb298976c68c03a3fad0861a826b5 Mon Sep 17 00:00:00 2001
From: Cheslav Zhuravsky <happylolonly@gmail.com>
Date: Wed, 9 Oct 2024 15:12:08 +0700
Subject: [PATCH] feat(search): remove suggestions, edit in studio button
 (#1325)

---
 ...{stageActionBar.jsx => stageActionBar.tsx} | 35 +++++++++++--------
 src/containers/Search/ActionBarContainer.tsx  |  1 +
 src/containers/ipfs/ipfs.tsx                  |  5 ++-
 3 files changed, 24 insertions(+), 17 deletions(-)
 rename src/components/ledger/{stageActionBar.jsx => stageActionBar.tsx} (97%)

diff --git a/src/components/ledger/stageActionBar.jsx b/src/components/ledger/stageActionBar.tsx
similarity index 97%
rename from src/components/ledger/stageActionBar.jsx
rename to src/components/ledger/stageActionBar.tsx
index 41830c46b..6ac629e33 100644
--- a/src/components/ledger/stageActionBar.jsx
+++ b/src/components/ledger/stageActionBar.tsx
@@ -5,6 +5,7 @@ import { BondStatus } from 'cosmjs-types/cosmos/staking/v1beta1/staking';
 import { useBackend } from 'src/contexts/backend/backend';
 import { CHAIN_ID, BASE_DENOM } from 'src/constants/config';
 import { KEY_TYPE } from 'src/pages/Keys/types';
+import { routes } from 'src/routes';
 import { ContainetLedger } from './container';
 import { Dots } from '../ui/Dots';
 import Account from '../account/account';
@@ -95,6 +96,7 @@ export function StartStageSearchActionBar({
   onChangeInput,
   onClickClear,
   file,
+  searchHash,
   textBtn = 'Cyberlink',
   placeholder = 'add keywords, hash or file',
   keys = 'ledger',
@@ -102,20 +104,7 @@ export function StartStageSearchActionBar({
   const { isIpfsInitialized } = useBackend();
   return (
     // use NodeIsLoadingButton component
-    <ActionBar
-      button={{
-        disabled: !isIpfsInitialized || !contentHash.length,
-        onClick: onClickBtn,
-        text: !isIpfsInitialized ? (
-          <>
-            Node is loading&nbsp;
-            <Dots />
-          </>
-        ) : (
-          textBtn
-        ),
-      }}
-    >
+    <ActionBar>
       <Pane
         display="flex"
         flexDirection="column"
@@ -150,6 +139,24 @@ export function StartStageSearchActionBar({
           />
         </Pane>
       </Pane>
+
+      <Button
+        disabled={!isIpfsInitialized || !contentHash.length}
+        onClick={onClickBtn}
+      >
+        {!isIpfsInitialized ? (
+          <>
+            Node is loading&nbsp;
+            <Dots />
+          </>
+        ) : (
+          textBtn
+        )}
+      </Button>
+
+      <Button link={`${routes.studio.path}?cid=${searchHash}`}>
+        edit in studio
+      </Button>
     </ActionBar>
   );
 }
diff --git a/src/containers/Search/ActionBarContainer.tsx b/src/containers/Search/ActionBarContainer.tsx
index 083ec62dc..c575549f7 100644
--- a/src/containers/Search/ActionBarContainer.tsx
+++ b/src/containers/Search/ActionBarContainer.tsx
@@ -361,6 +361,7 @@ class ActionBarContainer extends Component<Props, any> {
           keys={addressLocalStor !== null ? addressLocalStor.keys : false}
           onClickBtn={this.onClickInit}
           contentHash={file?.name || contentHash}
+          searchHash={this.props.keywordHash}
           onChangeInputContentHash={this.onChangeInput}
           inputOpenFileRef={this.inputOpenFileRef}
           showOpenFileDlg={this.showOpenFileDlg}
diff --git a/src/containers/ipfs/ipfs.tsx b/src/containers/ipfs/ipfs.tsx
index bbc8c914e..148461af1 100644
--- a/src/containers/ipfs/ipfs.tsx
+++ b/src/containers/ipfs/ipfs.tsx
@@ -14,7 +14,6 @@ import ContentIpfsCid from './components/ContentIpfsCid';
 import styles from './IPFS.module.scss';
 import SearchResults from '../Search/SearchResults';
 import AdviserMeta from './components/AdviserMeta/AdviserMeta';
-import SoulCompanion from './components/SoulCompanion/SoulCompanion';
 
 function Ipfs() {
   const { query = '' } = useParams();
@@ -96,9 +95,9 @@ function Ipfs() {
           />
         )}
 
-        {details && (
+        {/* {details && (
           <SoulCompanion cid={cid} details={details} skip={mutated} />
-        )}
+        )} */}
       </div>
       <SearchResults />
     </MainContainer>