fix track widget

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

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"
     },

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)}`
       }