nandi.uk
This repository has no description
fix: semble connections container
author
Pouria Delfanazari
date
(May 7, 2026, 11:24 AM -0700)
commit
6a20f608
6a20f6084914c22a6301c0d1db153dc10598ff71
parent
31ed4f38
31ed4f38bb056f3dadf356cf7b881f1a28f84642
+10
-12
+10
-12
src/webapp/features/connections/containers/connectionsContainer/ConnectionsContainer.tsx
+10
-12
src/webapp/features/connections/containers/connectionsContainer/ConnectionsContainer.tsx
···
4
4
import useBackwardConnections from '@/features/connections/lib/queries/useBackwardConnections';
5
5
import useAllConnections from '@/features/connections/lib/queries/useAllConnections';
6
6
import InfiniteScroll from '@/components/contentDisplay/infiniteScroll/InfiniteScroll';
7
-
import { Box, Grid, Group, Stack } from '@mantine/core';
7
+
import { Box, Group, Stack } from '@mantine/core';
8
8
import ConnectionsContainerError from './Error.ConnectionsContainer';
9
9
import ConnectionItem from '@/features/connections/components/connectionItem/ConnectionItem';
10
10
import SembleEmptyTab from '@/features/semble/components/sembleEmptyTab/SembleEmptyTab';
···
156
156
isLoading={isFetchingNextPage}
157
157
loadMore={fetchNextPage}
158
158
>
159
-
<Grid gap="xl" mx={'auto'} maw={600} w={'100%'}>
159
+
<Stack gap="xl" mx={'auto'} maw={600} w={'100%'}>
160
160
{connections.map((connection, index) => {
161
161
// Determine the actual direction for this specific connection
162
162
// If direction is 'all', check if the source URL matches props.url
···
177
177
containIntrinsicSize: 'auto 200px',
178
178
}}
179
179
>
180
-
<Grid.Col span={12}>
181
-
<ConnectionItem
182
-
connection={connection}
183
-
direction={connectionDirection}
184
-
onEdit={() => {
185
-
handleOpenEditModal(connection.connection, targetUrl);
186
-
}}
187
-
/>
188
-
</Grid.Col>
180
+
<ConnectionItem
181
+
connection={connection}
182
+
direction={connectionDirection}
183
+
onEdit={() => {
184
+
handleOpenEditModal(connection.connection, targetUrl);
185
+
}}
186
+
/>
189
187
</Box>
190
188
);
191
189
})}
192
-
</Grid>
190
+
</Stack>
193
191
</InfiniteScroll>
194
192
)}
195
193
</Stack>