Improve link&tree search input

ubbn · Dec 14, 2023 · 63381ff · 63381ff
1 parent f0b28a9
commit 63381ff
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/frontend/src/components/home/index.tsx b/frontend/src/components/home/index.tsx
@@ -18,7 +18,12 @@ const Home = () => {
         It is based on the spaced repitition, a science-backed method to learn
         or memorize anything for desired period of time with very little effort.
         Read more about it on{" "}
-        <a href="https://en.wikipedia.org/wiki/Spaced_repetition">wikipedia</a>
+        <a
+          target="blank"
+          href="https://en.wikipedia.org/wiki/Spaced_repetition"
+        >
+          wikipedia
+        </a>
       </p>
       <p>
         Start learn <a onClick={() => navigate("/learn")}>now</a>

diff --git a/frontend/src/components/neuron/tree/index.tsx b/frontend/src/components/neuron/tree/index.tsx
@@ -169,11 +169,15 @@ const _Tree: React.FC = () => {
 
   return (
     <div>
-      <Search
-        value={searchValue}
-        placeholder={`Search categories`}
-        onChange={(e) => onSearch(e.target.value)}
-      />
+      <div style={{ marginRight: 8 }}>
+        <Search
+          value={searchValue}
+          allowClear
+          placeholder={`Search categories`}
+          onChange={(e) => onSearch(e.target.value)}
+          enterButton={<button style={{ display: "none" }} />}
+        />
+      </div>
       <div>
         <Tooltip text="Add category">
           <Button

diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -19,3 +19,8 @@ code {
 .site-tree-search-value {
   color: #f50;
 }
+
+/* To show border after hiding search button from antd Search Input */
+.ant-input-search .ant-input-affix-wrapper {
+  border-right-width: 2px;
+}