substring ib content in learn view

bigpager · Sep 28, 2024 · 23f7dbe · 23f7dbe
1 parent 60708c4
commit 23f7dbe
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/learn/LearnView.tsx b/src/learn/LearnView.tsx
@@ -47,7 +47,7 @@ export default function LearnView() {
       <HeaderComponent></HeaderComponent>
 
       <div className={`${theme.BORDER} rounded`}>
-        <IbItem qib={currentQib}></IbItem>
+        <IbItem qib={currentQib} nChars={270}></IbItem>
       </div>
 
       <PriorityComponent></PriorityComponent>

diff --git a/src/widgets/IbItem.tsx b/src/widgets/IbItem.tsx
@@ -4,14 +4,16 @@ import { interpolateColor } from "../utils/utils";
 import * as theme from "../utils/theme";
 import { QueueIb } from "../learn/learnSlice";
 
-export default function 
-IbItem({ qib }: { qib: QueueIb }) {
+export default function IbItem({ qib, nChars }: { qib: QueueIb, nChars?: number }) {
 
   // If block is page property block, then it has no content field.
   // At least the one i checked..
   let content = qib.content;
   if (content) {
     content = content.split('\n')[0];
+    if (nChars && content.length > nChars) {
+      content = content.substring(0, nChars) + '...';
+    }
   }
 
   const bgColor = interpolateColor(PRIORITY_PALETTE, 1-qib.priority);