From e422eb55fc28bff33abebe127a4e66779d8d2194 Mon Sep 17 00:00:00 2001
From: teticio <teticio@gmail.com>
Date: Tue, 11 Oct 2022 19:36:51 +0100
Subject: [PATCH] fix track widget

---
 Makefile                | 9 +++++++++
 app.json                | 4 ++--
 src/components/Track.js | 6 ++----
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/Makefile b/Makefile
index 318f5fd..e8ff94d 100644
--- a/Makefile
+++ b/Makefile
@@ -1,26 +1,35 @@
+.PHONY: help
 help: ## show help message
 	@awk 'BEGIN {FS = ":.*##"; printf "\nUsage:\n  \033[36m\033[0m\n"} /^[$$()% a-zA-Z_-]+:.*?##/ { printf "  \033[36m%-15s\033[0m %s\n", $$1, $$2 } /^##@/ { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)
 
+.PHONY: install
 install: ## install dependencies locally
 	scripts/install.sh
 
+.PHONY: run
 run: ## run locally
 	tmux new-session -d -s "deejai" scripts/run.sh
 
+.PHONY: test
 test: ## run tests locally
 	scripts/run_tests.sh
 
+.PHONY: download
 download: ## download model artifacts
 	pipenv run python scripts/download.py
 
+.PHONY: docker
 docker: ## build docker file
 	scripts/build_docker.sh
 
+.PHONY: k8s
 k8s: ## install helm chart on kubernetes
 	scripts/install_helm_chart.sh
 
+.PHONY: tf_apply
 tf_apply: ## deploy with terraform
 	scripts/tf_apply.sh
 
+.PHONY: tf_destroy
 tf_destroy: ## tear down terraform deployment
 	scripts/tf_destroy.sh
diff --git a/app.json b/app.json
index c56e9c4..6e61d71 100644
--- a/app.json
+++ b/app.json
@@ -8,7 +8,7 @@
       "backgroundColor": "#222222"
     },
     "scheme": "deejai",
-    "version": "2.2.10",
+    "version": "2.2.11",
     "userInterfaceStyle": "dark",
     "backgroundColor": "#000000",
     "android": {
@@ -20,7 +20,7 @@
     },
     "ios": {
       "bundleIdentifier": "online.deej-ai",
-      "buildNumber": "3",
+      "buildNumber": "1",
       "supportsTablet": true,
       "icon": "./public/ios-512x512.png"
     },
diff --git a/src/components/Track.js b/src/components/Track.js
index 6810b76..79025e5 100644
--- a/src/components/Track.js
+++ b/src/components/Track.js
@@ -1,14 +1,12 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { IFrame } from './Platform';
 
 export default function Track({ track_id }) {
-  const [visibility, setVisibility] = useState('hidden');
-
   return (
     <IFrame
       title={track_id}
       width='100%'
-      onLoad={() => setVisibility('visible')}
+      height={80}
       src={`${process.env.REACT_APP_API_URL}/track_widget` +
         `?track_id=${encodeURIComponent(track_id)}`
       }