From b4ec3fbbf1f3d94e4cc1889596d8569cf4e70806 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 14 Mar 2024 10:21:36 +0500
Subject: [PATCH] web: improve internal links ui

---
 apps/web/src/components/properties/index.tsx | 13 +++++++++----
 apps/web/src/dialogs/note-linking-dialog.tsx |  6 ++++--
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/properties/index.tsx b/apps/web/src/components/properties/index.tsx
index 7fd7e8aad..98cb71e45 100644
--- a/apps/web/src/components/properties/index.tsx
+++ b/apps/web/src/components/properties/index.tsx
@@ -358,7 +358,8 @@ function LinkedNote({
           textAlign: "left",
           display: "flex",
           justifyContent: "start",
-          alignItems: "center"
+          alignItems: "center",
+          borderBottom: isExpanded ? "none" : "1px solid var(--border)"
         }}
         onClick={() => useEditorStore.getState().openSession(item)}
       >
@@ -397,7 +398,8 @@ function LinkedNote({
                 width: "100%",
                 textAlign: "left",
                 display: "flex",
-                alignItems: "center"
+                alignItems: "center",
+                borderBottom: "1px solid var(--border)"
               }}
               onClick={() =>
                 useEditorStore
@@ -420,6 +422,7 @@ function LinkedNote({
               <Text
                 variant="body"
                 sx={{
+                  fontSize: "subBody",
                   fontFamily: "monospace",
                   whiteSpace: "pre-wrap"
                 }}
@@ -458,7 +461,8 @@ function ReferencedIn({
           textAlign: "left",
           display: "flex",
           justifyContent: "start",
-          alignItems: "center"
+          alignItems: "center",
+          borderBottom: isExpanded ? "none" : "1px solid var(--border)"
         }}
         onClick={() => useEditorStore.getState().openSession(item)}
       >
@@ -482,7 +486,7 @@ function ReferencedIn({
         >
           {isExpanded ? <ChevronDown size={16} /> : <ChevronRight size={16} />}
         </Box>
-        <Text>{item.title}</Text>
+        <Text variant="body">{item.title}</Text>
       </Button>
       {isExpanded
         ? blocks.map((block) => (
@@ -509,6 +513,7 @@ function ReferencedIn({
                   {link.map((slice) => (
                     <Text
                       key={slice.text}
+                      variant="body"
                       sx={{
                         color: slice.highlighted
                           ? "accent-selected"
diff --git a/apps/web/src/dialogs/note-linking-dialog.tsx b/apps/web/src/dialogs/note-linking-dialog.tsx
index a27aeccfc..9f5fdacfb 100644
--- a/apps/web/src/dialogs/note-linking-dialog.tsx
+++ b/apps/web/src/dialogs/note-linking-dialog.tsx
@@ -142,7 +142,8 @@ export default function NoteLinkingDialog(props: NoteLinkingDialogProps) {
                       textAlign: "left",
                       display: "flex",
                       justifyContent: "space-between",
-                      alignItems: "center"
+                      alignItems: "center",
+                      borderBottom: "1px solid var(--border)"
                     }}
                     onClick={() => {
                       props.onDone({
@@ -207,7 +208,8 @@ export default function NoteLinkingDialog(props: NoteLinkingDialogProps) {
                             textAlign: "left",
                             display: "flex",
                             alignItems: "center",
-                            gap: 1
+                            gap: 1,
+                            borderBottom: "1px solid var(--border)"
                           }}
                           onClick={async () => {
                             setSelectedNote(note);