Handle flags/segments not found in UI

Makefile

@@ -63,6 +63,10 @@ proto: ## Build protobufs
 assets: ## Build the ui
 	@echo ">> generating assets"
 	@cd ./ui; yarn --frozen-lockfile; yarn build; cd ..
+
+.PHONY: pack
+pack: ## Pack the assets in the binary
+	@echo ">> packing assets"
 	packr -i cmd/flipt
 
 .PHONY: build
@@ -76,12 +80,12 @@ dev: ## Build and run in development mode
 	go run ./cmd/$(PROJECT)/. --config ./config/local.yml
 
 .PHONY: snapshot
-snapshot: assets ## Build a snapshot version
+snapshot: clean assets pack ## Build a snapshot version
 	@echo ">> building a snapshot version"
 	@./script/build/snapshot
 
 .PHONY: release
-release: assets ## Build and publish a release
+release: clean assets pack ## Build and publish a release
 	@echo ">> building and publishing a release"
 	@./script/build/release
 

ui/src/components/Flags/Flag.vue

@@ -323,9 +323,9 @@ export default {
             ? response.data.variants
             : [];
         })
-        .catch(error => {
+        .catch(() => {
           this.notifyError("Error loading flag.");
-          console.error(error);
+          this.$router.push("/flags");
         });
     },
     deleteFlag() {

ui/src/components/Flags/Targeting.vue

@@ -321,18 +321,23 @@ export default {
           this.segments = response.data.segments;
 
           let key = this.$route.params.key;
-          Api.get("/flags/" + key).then(response => {
-            this.flag = response.data;
+          Api.get("/flags/" + key)
+            .then(response => {
+              this.flag = response.data;
 
-            Api.get("/flags/" + key + "/rules").then(response => {
-              this.rules = map(response.data.rules, r => {
-                return this.processRule(r);
+              Api.get("/flags/" + key + "/rules").then(response => {
+                this.rules = map(response.data.rules, r => {
+                  return this.processRule(r);
+                });
               });
+            })
+            .catch(() => {
+              this.notifyError("Error loading flag.");
+              this.$router.push("/flags");
             });
-          });
         })
         .catch(error => {
-          this.notifyError("Error loading data");
+          this.notifyError("Error loading data.");
           console.error(error);
         });
     },

ui/src/components/Segments/Segment.vue

@@ -444,9 +444,9 @@ export default {
             ? response.data.constraints
             : [];
         })
-        .catch(error => {
+        .catch(() => {
           this.notifyError("Error loading segment.");
-          console.error(error);
+          this.$router.push("/segments");
         });
     },
     deleteSegment() {