From 00045028c0d7ce53e807e19eb9a1efe7c6acd633 Mon Sep 17 00:00:00 2001
From: Alex Eftimie <alex.eftimie@getyourguide.com>
Date: Thu, 27 May 2021 06:49:18 +0200
Subject: [PATCH 1/3] Filter default branch Allow the user to view only builds
 from main/master.

---
 web/src/screens/repo/screens/builds/index.js  | 23 +++++++++++++++++--
 .../screens/repo/screens/builds/index.less    |  4 ++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/web/src/screens/repo/screens/builds/index.js b/web/src/screens/repo/screens/builds/index.js
index a6ebb867d..303493a40 100644
--- a/web/src/screens/repo/screens/builds/index.js
+++ b/web/src/screens/repo/screens/builds/index.js
@@ -28,6 +28,7 @@ export default class Main extends Component {
     super(props, context);
 
     this.fetchNextBuildPage = this.fetchNextBuildPage.bind(this);
+    this.selectBranch = this.selectBranch.bind(this)
   }
 
   componentWillMount() {
@@ -40,7 +41,8 @@ export default class Main extends Component {
       (nextProps.builds !== undefined &&
         this.props.builds !== nextProps.builds) ||
       this.props.error !== nextProps.error ||
-      this.props.loaded !== nextProps.loaded
+      this.props.loaded !== nextProps.loaded ||
+      this.state.branch !== nextState.branch
     );
   }
 
@@ -79,8 +81,15 @@ export default class Main extends Component {
     );
   }
 
+  selectBranch(branch) {
+    this.setState({
+      branch: branch,
+    });
+  }
+
   render() {
     const { repo, builds, loaded, error } = this.props;
+    const { branch } = this.state;
     const list = Object.values(builds || {});
 
     function renderBuild(build) {
@@ -91,6 +100,10 @@ export default class Main extends Component {
       );
     }
 
+    const filterBranch = (build) => {
+      return !branch || build.branch === branch;
+    }
+
     if (error) {
       return <div>Not Found</div>;
     }
@@ -109,7 +122,13 @@ export default class Main extends Component {
 
     return (
       <div className={styles.root}>
-        <List>{list.sort(compareBuild).map(renderBuild)}</List>
+        <div className={styles.right}>
+          {!branch ?
+            <button onClick={() => this.selectBranch(repo.default_branch)}>Show {repo.default_branch} branch only</button> :
+            <button onClick={() => this.selectBranch(undefined)}>Show all branches</button>
+          }
+        </div>
+        <List>{list.sort(compareBuild).filter(filterBranch).map(renderBuild)}</List>
         {list.length < repo.last_build && (
           <button
             onClick={() => this.fetchNextBuildPage(list)}
diff --git a/web/src/screens/repo/screens/builds/index.less b/web/src/screens/repo/screens/builds/index.less
index ff67b3e32..019cd56a5 100644
--- a/web/src/screens/repo/screens/builds/index.less
+++ b/web/src/screens/repo/screens/builds/index.less
@@ -22,3 +22,7 @@ button {
 		margin-top: 10px;
 	}
 }
+
+.right {
+	text-align: right;
+}
\ No newline at end of file

From 2139ed8973f8793af1eef5e465b21710df8ea4bb Mon Sep 17 00:00:00 2001
From: Alex Eftimie <alex.eftimie@getyourguide.com>
Date: Thu, 27 May 2021 07:06:55 +0200
Subject: [PATCH 2/3] Fix lint

---
 web/package.json                             |  2 +-
 web/src/screens/repo/screens/builds/index.js | 21 +++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/web/package.json b/web/package.json
index 62609bdf0..a5d62596a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -9,7 +9,7 @@
     "lesshint": "lesshint --config .lesshintrc src/",
     "test": "jest",
     "start": "webpack-dev-server --progress --hot --inline",
-    "format": "prettier --use-tabs --trailing-comma all --write {src/*.js,src/**/*.js,src/**/*/*.js,src/*/*/*/*.js,src/*/*/*/*/*.js,src/*/*/*/*/*/*.js,src/*/*/*/*/*/*.js,src/*/*/*/*/*/*/*.js}"
+    "format": "prettier --trailing-comma all --write {src/*.js,src/**/*.js,src/**/*/*.js,src/*/*/*/*.js,src/*/*/*/*/*.js,src/*/*/*/*/*/*.js,src/*/*/*/*/*/*.js,src/*/*/*/*/*/*/*.js}"
   },
   "jest": {
     "moduleFileExtensions": [
diff --git a/web/src/screens/repo/screens/builds/index.js b/web/src/screens/repo/screens/builds/index.js
index 303493a40..787c01e42 100644
--- a/web/src/screens/repo/screens/builds/index.js
+++ b/web/src/screens/repo/screens/builds/index.js
@@ -28,7 +28,7 @@ export default class Main extends Component {
     super(props, context);
 
     this.fetchNextBuildPage = this.fetchNextBuildPage.bind(this);
-    this.selectBranch = this.selectBranch.bind(this)
+    this.selectBranch = this.selectBranch.bind(this);
   }
 
   componentWillMount() {
@@ -102,7 +102,7 @@ export default class Main extends Component {
 
     const filterBranch = (build) => {
       return !branch || build.branch === branch;
-    }
+    };
 
     if (error) {
       return <div>Not Found</div>;
@@ -123,12 +123,19 @@ export default class Main extends Component {
     return (
       <div className={styles.root}>
         <div className={styles.right}>
-          {!branch ?
-            <button onClick={() => this.selectBranch(repo.default_branch)}>Show {repo.default_branch} branch only</button> :
-            <button onClick={() => this.selectBranch(undefined)}>Show all branches</button>
-          }
+          {!branch ? (
+            <button onClick={() => this.selectBranch(repo.default_branch)}>
+              Show {repo.default_branch} branch only
+            </button>
+          ) : (
+            <button onClick={() => this.selectBranch(undefined)}>
+              Show all branches
+            </button>
+          )}
         </div>
-        <List>{list.sort(compareBuild).filter(filterBranch).map(renderBuild)}</List>
+        <List>
+          {list.sort(compareBuild).filter(filterBranch).map(renderBuild)}
+        </List>
         {list.length < repo.last_build && (
           <button
             onClick={() => this.fetchNextBuildPage(list)}

From 1c2d4aba3bc2b53746a80807ecad9739d16ce8f8 Mon Sep 17 00:00:00 2001
From: Alex Eftimie <alex.eftimie@getyourguide.com>
Date: Thu, 27 May 2021 07:17:11 +0200
Subject: [PATCH 3/3] attempt to fix lint

---
 web/src/screens/repo/screens/builds/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/screens/repo/screens/builds/index.js b/web/src/screens/repo/screens/builds/index.js
index 787c01e42..cf3f7b034 100644
--- a/web/src/screens/repo/screens/builds/index.js
+++ b/web/src/screens/repo/screens/builds/index.js
@@ -100,7 +100,7 @@ export default class Main extends Component {
       );
     }
 
-    const filterBranch = (build) => {
+    const filterBranch = build => {
       return !branch || build.branch === branch;
     };
 
@@ -134,7 +134,10 @@ export default class Main extends Component {
           )}
         </div>
         <List>
-          {list.sort(compareBuild).filter(filterBranch).map(renderBuild)}
+          {list
+            .sort(compareBuild)
+            .filter(filterBranch)
+            .map(renderBuild)}
         </List>
         {list.length < repo.last_build && (
           <button