Removing an unused property

website/src/components/Messages/MessageTable.tsx

@@ -4,8 +4,8 @@ import { MessageTableEntry } from "src/components/Messages/MessageTableEntry";
 export function MessageTable({ messages }) {
   return (
     <Stack divider={<StackDivider />} spacing="4">
-      {messages.map((item, idx) => (
-        <MessageTableEntry item={item} idx={idx} key={item.message_id || item.id} />
+      {messages.map((item) => (
+        <MessageTableEntry item={item} key={item.message_id || item.id} />
       ))}
     </Stack>
   );

website/src/components/Messages/MessageWithChildren.tsx

@@ -68,7 +68,7 @@ export function MessageWithChildren(props: MessageWithChildrenProps) {
               {isFirst ? "Message" : depth === 1 ? "Children" : "Ancestor"}
             </Text>
             <Box width="fit-content" bg={backgroundColor} padding="4" borderRadius="xl" boxShadow="base">
-              <MessageTableEntry item={message} idx={1} />
+              <MessageTableEntry item={message} />
             </Box>
           </Box>
         </>
@@ -95,7 +95,7 @@ export function MessageWithChildren(props: MessageWithChildrenProps) {
             <Stack {...MessageStackProps}>
               {children.map((item, idx) => (
                 <Box flex="1" key={`recursiveMessageWChildren_${idx}`}>
-                  <MessageTableEntry item={item} idx={idx * 2} />
+                  <MessageTableEntry item={item} />
                 </Box>
               ))}
             </Stack>

website/src/pages/messages/[id]/index.tsx

@@ -48,7 +48,7 @@ const MessageDetail = ({ id }) => {
                 </Text>
                 <Box bg={backgroundColor} padding="4" borderRadius="xl" boxShadow="base" width="fit-content">
                   {" "}
-                  <MessageTableEntry item={parent} idx={1} />
+                  <MessageTableEntry item={parent} />
                 </Box>
               </Box>
             </>