From 7d8381a5a5f411364c74f9c1a44156db0cb42d1a Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Fri, 28 Feb 2025 08:44:49 -0800
Subject: [PATCH] Drop indicator

---
 .../src/components/mobile/accounts/Accounts.tsx   | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx b/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx
index 25778b0f958..33b1d2716b3 100644
--- a/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx
+++ b/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx
@@ -136,7 +136,7 @@ function AccountListItem({
 
   return (
     <ListBoxItem textValue={account.id} {...props}>
-      {({ isDragging, isDropTarget }) => (
+      {({ isDropTarget }) => (
         <Button
           onPress={() => onSelect(account.id)}
           style={{
@@ -145,7 +145,6 @@ function AccountListItem({
             borderRadius: 6,
             boxShadow: `0 1px 1px ${theme.mobileAccountShadow}`,
             marginTop: 10,
-            ...(isDragging ? { backgroundColor: 'red' } : {}),
             ...(isDropTarget ? { backgroundColor: 'blue' } : {}),
           }}
           data-testid="account-list-item"
@@ -340,6 +339,18 @@ function AccountList({
       [...keys].map(key => ({
         'text/plain': accountListData.getItem(key).id,
       })),
+    renderDropIndicator() {
+      return (
+        <View
+          style={{
+            width: '100%',
+            height: 2,
+            backgroundColor: 'red',
+            opacity: 0.5,
+          }}
+        />
+      );
+    },
     onReorder(e) {
       const [key] = e.keys;
       const accountIdToMove = key as AccountEntity['id'];