✨ Scroll to next todo button

homostellaris · Nov 27, 2024 · 9ad18dc · 9ad18dc
1 parent 492c34c
commit 9ad18dc
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/components/pages/Home.tsx b/components/pages/Home.tsx
@@ -269,6 +269,20 @@ export const TodoLists = ({}: {}) => {
 								<IonIcon icon={add}></IonIcon>
 							</IonFabButton>
 						</IonFab>
+						<IonButton
+							className="fixed left-[calc(23px-10px)] min-[992px]:left-[calc(100vw/12*2-40px-6px)] bottom-[calc(64px+52px)] z-10"
+							onClick={() => {
+								const y = nextTodoPosition ? nextTodoPosition.top + 32 : 0
+								contentRef.current?.scrollToPoint(undefined, y, 500)
+							}}
+							shape="round"
+							size="small"
+						>
+							<IonIcon
+								slot="icon-only"
+								icon={rocketSharp}
+							></IonIcon>
+						</IonButton>
 						<Journey commonAncestor={contentRef} />
 					</IonCol>
 					<IonCol sizeLg="8">