From d91008ca9d32f17b5d834dc18f07145ca1e5306c Mon Sep 17 00:00:00 2001
From: ezkemboi <ezrqnkemboi@gmail.com>
Date: Mon, 16 Nov 2020 20:52:54 +0300
Subject: [PATCH 1/4] add maxwidth stretch to 300 instead of 180 in columns

---
 src/app/views/sidebar/sample-queries/SampleQueries.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index c69b6eb3d..d4afcc0ed 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -342,7 +342,7 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
     const columns = [
       { key: 'authRequiredIcon', name: '', fieldName: 'authRequiredIcon', minWidth: 20, maxWidth: 20 },
       { key: 'method', name: '', fieldName: 'method', minWidth: 20, maxWidth: 50 },
-      { key: 'humanName', name: '', fieldName: 'humanName', minWidth: 100, maxWidth: 180 },
+      { key: 'humanName', name: '', fieldName: 'humanName', minWidth: 100, maxWidth: 300 },
       { key: 'button', name: '', fieldName: 'button', minWidth: 20, maxWidth: 20 },
     ];
 

From 3c7dc0041c2f8c54a8ee06c278f4fe709cd6e854 Mon Sep 17 00:00:00 2001
From: ezkemboi <ezrqnkemboi@gmail.com>
Date: Tue, 17 Nov 2020 20:02:32 +0300
Subject: [PATCH 2/4] make maxWidth for humanName dynamic

---
 src/app/views/sidebar/sample-queries/SampleQueries.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index d4afcc0ed..a39f55135 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -338,11 +338,16 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
       );
     }
 
+    let maxWidthOfHumanName = 180;
+    if (window.innerWidth > 1280) {
+      maxWidthOfHumanName = 300;
+    }
+
     const { groupedList } = this.state;
     const columns = [
       { key: 'authRequiredIcon', name: '', fieldName: 'authRequiredIcon', minWidth: 20, maxWidth: 20 },
       { key: 'method', name: '', fieldName: 'method', minWidth: 20, maxWidth: 50 },
-      { key: 'humanName', name: '', fieldName: 'humanName', minWidth: 100, maxWidth: 300 },
+      { key: 'humanName', name: '', fieldName: 'humanName', minWidth: 100, maxWidth: maxWidthOfHumanName },
       { key: 'button', name: '', fieldName: 'button', minWidth: 20, maxWidth: 20 },
     ];
 

From cc61d599fb01c0659ea5d475949140da643164a6 Mon Sep 17 00:00:00 2001
From: ezkemboi <ezrqnkemboi@gmail.com>
Date: Sat, 21 Nov 2020 12:58:55 +0300
Subject: [PATCH 3/4] allow window resize listener

---
 src/app/views/sidebar/sample-queries/SampleQueries.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index a39f55135..b1c24f616 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -343,6 +343,12 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
       maxWidthOfHumanName = 300;
     }
 
+    window.onresize = function () {
+      if (window.innerWidth > 1280) {
+        maxWidthOfHumanName = 300;
+      }
+    }
+
     const { groupedList } = this.state;
     const columns = [
       { key: 'authRequiredIcon', name: '', fieldName: 'authRequiredIcon', minWidth: 20, maxWidth: 20 },

From 4f9d4fe7addca19ab884139df660e4ecef7ddfc4 Mon Sep 17 00:00:00 2001
From: Ezrqn Kemboi <ezrqnkemboi@gmail.com>
Date: Fri, 15 Jan 2021 18:05:58 +0300
Subject: [PATCH 4/4] lint

---
 src/app/views/sidebar/sample-queries/SampleQueries.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index 5b5f680c6..cd3a8a8c5 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -369,11 +369,11 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
       maxWidthOfHumanName = 300;
     }
 
-    window.onresize = function () {
+    window.onresize = () => {
       if (window.innerWidth > 1280) {
         maxWidthOfHumanName = 300;
       }
-    }
+    };
 
     const columns = [
       {