Fixes (#177)

* fix: adjust table cells and remove useless code

* update snapshots

Author: djangoliv

src/environments/EnvironmentList.tsx

@@ -17,12 +17,14 @@ const columns: GridColDef[] = [
   {
     field: 'display_name',
     headerName: 'Name',
-    flex: 1
+    flex: 1,
+    minWidth: 200
   },
   {
     field: 'repo',
     headerName: 'Repository URL',
     flex: 1,
+    minWidth: 100,
     renderCell: params => {
       return (
         <a title={params.value} href={params.value} target="_blank">
@@ -34,7 +36,7 @@ const columns: GridColDef[] = [
   {
     field: 'ref',
     headerName: 'Reference',
-    width: 200,
+    width: 130,
     renderCell: params => {
       return (
         <a href={`${params.row.repo}/tree/${params.value}`}>{params.value}</a>
@@ -44,12 +46,12 @@ const columns: GridColDef[] = [
   {
     field: 'mem_limit',
     headerName: 'Mem. Limit (GB)',
-    width: 200
+    width: 180
   },
   {
     field: 'cpu_limit',
     headerName: 'CPU Limit',
-    width: 150
+    width: 130
   },
   {
     field: 'creation_date',

src/spawn/ImageTable.tsx

@@ -165,7 +165,7 @@ const ImageTable: React.FC<{ rows: IImage[] }> = ({ rows }) => {
           '& .MuiDataGrid-row:hover': {
             backgroundColor: '#f5f5f5'
           },
-          '& .MuiDataGrid-row:nth-child(even)': {
+          '& .MuiDataGrid-row:nth-of-type(even)': {
             backgroundColor: '#fafafa'
           }
         }}

tljh_repo2docker/__init__.py

@@ -44,18 +44,6 @@ class SpawnerMixin(Configurable):
         <br />
         <div id="image-table-container" class="tljh-container"></div>
         <script src="/services/tljh_repo2docker/service_static/js/spawn.js"></script>
-        <script>
-           document.addEventListener('DOMContentLoaded', function() {
-           const imageList = {{ image_list | tojson }};
-           const container = document.getElementById('image-table-container');
-           if (container) {
-               const root = ReactDOM.createRoot(container);
-               root.render(
-                  React.createElement(ImageTable, { rows: window.imageList })
-               );
-           }
-         });
-        </script>
         """,
         config=True,
         help="""