From 3234f06a2d404152a819580c1960abca86df82f8 Mon Sep 17 00:00:00 2001
From: "Thomas \"ajnart\" Camlong" <thomascamlong@gmail.com>
Date: Fri, 22 Jul 2022 13:12:52 +0200
Subject: [PATCH] :bug: Make docker container list scrollable

Fixes #295
---
 src/components/modules/docker/DockerTable.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/modules/docker/DockerTable.tsx b/src/components/modules/docker/DockerTable.tsx
index 2f7d6707b..536e53ba3 100644
--- a/src/components/modules/docker/DockerTable.tsx
+++ b/src/components/modules/docker/DockerTable.tsx
@@ -66,6 +66,14 @@ export default function DockerTable({
   });
 
   return (
+    <ScrollArea style={{ height: '80vh' }}>
+      <TextInput
+        placeholder="Search by container or image name"
+        mt="md"
+        icon={<IconSearch size={14} />}
+        value={search}
+        onChange={handleSearchChange}
+      />
     <Table captionSide="bottom" highlightOnHover sx={{ minWidth: 800 }} verticalSpacing="sm">
       <caption>your docker containers</caption>
       <thead>
@@ -86,5 +94,6 @@ export default function DockerTable({
       </thead>
       <tbody>{rows}</tbody>
     </Table>
+    </ScrollArea>
   );
 }