diff --git a/.env b/.env new file mode 100644 index 0000000..730a6d0 --- /dev/null +++ b/.env @@ -0,0 +1,2 @@ +__REACT_APP_DATA_URL=data/tunes.json +REACT_APP_DATA_URL="https://raw.githubusercontent.com/fergalmoran/100-tunes/develop/public/data/tunes.json" diff --git a/.env.production b/.env.production new file mode 100644 index 0000000..fb9784a --- /dev/null +++ b/.env.production @@ -0,0 +1 @@ +REACT_APP_DATA_URL="https://raw.githubusercontent.com/fergalmoran/100-tunes/develop/public/data/tunes.json" diff --git a/.eslintcache b/.eslintcache index eaf6d78..c513188 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/home/fergalm/dev/100-tunes/src/reportWebVitals.ts":"1","/home/fergalm/dev/100-tunes/src/App.tsx":"2","/home/fergalm/dev/100-tunes/src/components/TuneList.tsx":"3"},{"size":425,"mtime":1610941863467,"results":"4","hashOfConfig":"5"},{"size":215,"mtime":1610961270327,"results":"6","hashOfConfig":"5"},{"size":878,"mtime":1610963714010,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1rmiskh",{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/fergalm/dev/100-tunes/src/reportWebVitals.ts",[],"/home/fergalm/dev/100-tunes/src/App.tsx",[],"/home/fergalm/dev/100-tunes/src/components/TuneList.tsx",[]] \ No newline at end of file +[{"/home/fergalm/dev/100-tunes/src/reportWebVitals.ts":"1","/home/fergalm/dev/100-tunes/src/App.tsx":"2","/home/fergalm/dev/100-tunes/src/components/TuneList.tsx":"3","/home/fergalm/dev/100-tunes/src/components/TuneTitle.tsx":"4"},{"size":425,"mtime":1610941863467,"results":"5","hashOfConfig":"6"},{"size":483,"mtime":1610973116747,"results":"7","hashOfConfig":"6"},{"size":1783,"mtime":1610973094514,"results":"8","hashOfConfig":"6"},{"size":135,"mtime":1610972938324,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1rmiskh",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/fergalm/dev/100-tunes/src/reportWebVitals.ts",[],"/home/fergalm/dev/100-tunes/src/App.tsx",[],"/home/fergalm/dev/100-tunes/src/components/TuneList.tsx",[],"/home/fergalm/dev/100-tunes/src/components/TuneTitle.tsx",[]] \ No newline at end of file diff --git a/package.json b/package.json index 4358c8c..e8d9351 100644 --- a/package.json +++ b/package.json @@ -4,11 +4,12 @@ "version": "0.1.0", "private": true, "dependencies": { + "@material-ui/core": "^4.11.2", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "@types/jest": "^26.0.15", - "@types/node": "^12.0.0", + "@types/node": "^14.14.21", "@types/react": "^16.9.53", "@types/react-dom": "^16.9.8", "react": "^17.0.1", diff --git a/public/data/tunes.json b/public/data/tunes.json index 077ef9b..4d44a74 100644 --- a/public/data/tunes.json +++ b/public/data/tunes.json @@ -1,402 +1,702 @@ [ { "id": 1, - "url": "https://www.youtube.com/watch?v=c-vixuayY0c" + "videoId": "c-vixuayY0c", + "url": "https://www.youtube.com/watch?v=c-vixuayY0c", + "title": "Dread Flimstone \u0026 The Modern Tone Age Family - From the ghetto (Danny Tenaglia dreadzone mix)", + "image": "https://i.ytimg.com/vi/c-vixuayY0c/mqdefault.jpg" }, { "id": 2, - "url": "https://www.youtube.com/watch?v=ujx9iGshfIg" + "videoId": "ujx9iGshfIg", + "url": "https://www.youtube.com/watch?v=ujx9iGshfIg", + "title": "A.S.H.A. \u0022JJ Tribute\u0022 (JTC Mix)", + "image": "https://i.ytimg.com/vi/ujx9iGshfIg/mqdefault.jpg" }, { "id": 3, - "url": "https://www.youtube.com/watch?v=2Ll9j78hThY" + "videoId": "2Ll9j78hThY", + "url": "https://www.youtube.com/watch?v=2Ll9j78hThY", + "title": "Overweight pooch ft. Ce Ce Peniston - i like it", + "image": "https://i.ytimg.com/vi/2Ll9j78hThY/mqdefault.jpg" }, { "id": 4, - "url": "https://www.youtube.com/watch?v=fhV33bOsJ5M" + "videoId": "fhV33bOsJ5M", + "url": "https://www.youtube.com/watch?v=fhV33bOsJ5M", + "title": "L.A. Mix Featuring Kevin Henry - Love Together (Banji Lovers Dub)", + "image": "https://i.ytimg.com/vi/fhV33bOsJ5M/mqdefault.jpg" }, { "id": 5, - "url": "https://www.youtube.com/watch?v=zqR9XodCk_I" + "videoId": "zqR9XodCk_I", + "url": "https://www.youtube.com/watch?v=zqR9XodCk_I", + "title": "How II House - Time 2 Feel The Rhythm", + "image": "https://i.ytimg.com/vi/zqR9XodCk_I/mqdefault.jpg" }, { "id": 6, - "url": "https://www.youtube.com/watch?v=Jq7wz0OxI_Y" + "videoId": "Jq7wz0OxI_Y", + "url": "https://www.youtube.com/watch?v=Jq7wz0OxI_Y", + "title": "Def Touch--Nasty Rhythm", + "image": "https://i.ytimg.com/vi/Jq7wz0OxI_Y/mqdefault.jpg" }, { "id": 7, - "url": "https://www.youtube.com/watch?v=JLcfvwa3GKY" + "videoId": "JLcfvwa3GKY", + "url": "https://www.youtube.com/watch?v=JLcfvwa3GKY", + "title": "New Girl Posse - Higher (MK Vocal Dub)", + "image": "https://i.ytimg.com/vi/JLcfvwa3GKY/mqdefault.jpg" }, { "id": 8, - "url": "https://www.youtube.com/watch?v=8jnunm86BkM" + "videoId": "8jnunm86BkM", + "url": "https://www.youtube.com/watch?v=8jnunm86BkM", + "title": "DJ Rork \u0026 Demon Ritchie - I Wanna See You Come Down (RK\u0027S Mix)", + "image": "https://i.ytimg.com/vi/8jnunm86BkM/mqdefault.jpg" }, { "id": 9, - "url": "https://www.youtube.com/watch?v=4GioJHgnZWc" + "videoId": "4GioJHgnZWc", + "url": "https://www.youtube.com/watch?v=4GioJHgnZWc", + "title": "Elixir Vitae - Gotta Release It", + "image": "https://i.ytimg.com/vi/4GioJHgnZWc/mqdefault.jpg" }, { "id": 10, - "url": "https://www.youtube.com/watch?v=xbSmhSYLDvs" + "videoId": "xbSmhSYLDvs", + "url": "https://www.youtube.com/watch?v=xbSmhSYLDvs", + "title": "TYREE NUTHIN WRONG", + "image": "https://i.ytimg.com/vi/xbSmhSYLDvs/mqdefault.jpg" }, { "id": 11, - "url": "https://www.youtube.com/watch?v=lVKePKD7F1M" + "videoId": "lVKePKD7F1M", + "url": "https://www.youtube.com/watch?v=lVKePKD7F1M", + "title": "deep dish presents quench dc - after hours", + "image": "https://i.ytimg.com/vi/lVKePKD7F1M/mqdefault.jpg" }, { "id": 12, - "url": "https://www.youtube.com/watch?v=eLBsiApVBhI" + "videoId": "eLBsiApVBhI", + "url": "https://www.youtube.com/watch?v=eLBsiApVBhI", + "title": "Deep Dish - Chocolate City (Love Songs)", + "image": "https://i.ytimg.com/vi/eLBsiApVBhI/mqdefault.jpg" }, { "id": 13, - "url": "https://www.youtube.com/watch?v=SstGOZK-nbc" + "videoId": "SstGOZK-nbc", + "url": "https://www.youtube.com/watch?v=SstGOZK-nbc", + "title": "Some Other People - Ghosthouse (Fabio Paras Mix)", + "image": "https://i.ytimg.com/vi/SstGOZK-nbc/mqdefault.jpg" }, { "id": 14, - "url": "https://www.youtube.com/watch?v=u-8PTWdHqME" + "videoId": "u-8PTWdHqME", + "url": "https://www.youtube.com/watch?v=u-8PTWdHqME", + "title": "Fiction vs. Eddie \u0022Flashin\u0022 Fowlkes - The Feeling (Extended Original Mix)", + "image": "https://i.ytimg.com/vi/u-8PTWdHqME/mqdefault.jpg" }, { "id": 15, - "url": "https://www.youtube.com/watch?v=19h1IaijxgA" + "videoId": "19h1IaijxgA", + "url": "https://www.youtube.com/watch?v=19h1IaijxgA", + "title": "Liberty City - If You Really Love Someone (Murk Strikes Again Mix)", + "image": "https://i.ytimg.com/vi/19h1IaijxgA/mqdefault.jpg" }, { "id": 16, - "url": "https://www.youtube.com/watch?v=Xjy9gTTGnDs" + "videoId": "Xjy9gTTGnDs", + "url": "https://www.youtube.com/watch?v=Xjy9gTTGnDs", + "title": "D.S.K-What Would We Do-Original Mix", + "image": "https://i.ytimg.com/vi/Xjy9gTTGnDs/mqdefault.jpg" }, { "id": 17, - "url": "https://www.youtube.com/watch?v=-b3RKjH9p2w" + "videoId": "-b3RKjH9p2w", + "url": "https://www.youtube.com/watch?v=-b3RKjH9p2w", + "title": "MBG,Rame,Alkemy,DJ Uovo - Late In The Morning (Peter Pan EP)", + "image": "https://i.ytimg.com/vi/-b3RKjH9p2w/mqdefault.jpg" }, { "id": 18, - "url": "https://www.youtube.com/watch?v=paEfZLf2bXI" + "videoId": "paEfZLf2bXI", + "url": "https://www.youtube.com/watch?v=paEfZLf2bXI", + "title": "Mbg \u0026 Rame - Shock of Impact (1992)", + "image": "https://i.ytimg.com/vi/paEfZLf2bXI/mqdefault.jpg" }, { "id": 19, - "url": "https://www.youtube.com/watch?v=ZgcwK965I54" + "videoId": "ZgcwK965I54", + "url": "https://www.youtube.com/watch?v=ZgcwK965I54", + "title": "Infra-Red - When Luv\u0027s The Feeling (Hyden Andre Remix)", + "image": "https://i.ytimg.com/vi/ZgcwK965I54/mqdefault.jpg" }, { "id": 20, - "url": "https://www.youtube.com/watch?v=AkSN7gVNv4k" + "videoId": "AkSN7gVNv4k", + "url": "https://www.youtube.com/watch?v=AkSN7gVNv4k", + "title": "M.J. White - Love Your Body (Red Dub)", + "image": "https://i.ytimg.com/vi/AkSN7gVNv4k/mqdefault.jpg" }, { "id": 21, - "url": "https://www.youtube.com/watch?v=NWX7nqbjZ0A" + "videoId": "NWX7nqbjZ0A", + "url": "https://www.youtube.com/watch?v=NWX7nqbjZ0A", + "title": "Ralphi Rosario An instrumental need (Club need)", + "image": "https://i.ytimg.com/vi/NWX7nqbjZ0A/mqdefault.jpg" }, { "id": 22, - "url": "https://www.youtube.com/watch?v=zB_WbAqn_Mk" + "videoId": "zB_WbAqn_Mk", + "url": "https://www.youtube.com/watch?v=zB_WbAqn_Mk", + "title": "Aaron Carl - My House (Dub O\u0027 Funk)", + "image": "https://i.ytimg.com/vi/zB_WbAqn_Mk/mqdefault.jpg" }, { "id": 23, - "url": "https://www.youtube.com/watch?v=39vAjgAZncY" + "videoId": "39vAjgAZncY", + "url": "https://www.youtube.com/watch?v=39vAjgAZncY", + "title": "Lifeforce - Scatterbox", + "image": "https://i.ytimg.com/vi/39vAjgAZncY/mqdefault.jpg" }, { "id": 24, - "url": "https://www.youtube.com/watch?v=w2DK71tAUHk" + "videoId": "w2DK71tAUHk", + "url": "https://www.youtube.com/watch?v=w2DK71tAUHk", + "title": "coco steel and lovebomb - Feel it (original)", + "image": "https://i.ytimg.com/vi/w2DK71tAUHk/mqdefault.jpg" }, { "id": 25, - "url": "https://www.youtube.com/watch?v=PG6LMYD3VRk" + "videoId": "PG6LMYD3VRk", + "url": "https://www.youtube.com/watch?v=PG6LMYD3VRk", + "title": "The Project feat. Linda Rice~Out Of Control [FHR\u0027s Club Mix]", + "image": "https://i.ytimg.com/vi/PG6LMYD3VRk/mqdefault.jpg" }, { "id": 26, - "url": "https://www.youtube.com/watch?v=z9kbrqg4j0U" + "videoId": "z9kbrqg4j0U", + "url": "https://www.youtube.com/watch?v=z9kbrqg4j0U", + "title": "Shirley Murdock - Let There Be Love (Classic 12\u0022 Mix) 1991", + "image": "https://i.ytimg.com/vi/z9kbrqg4j0U/mqdefault.jpg" }, { "id": 27, - "url": "https://www.youtube.com/watch?v=q3m5szOtkfI" + "videoId": "q3m5szOtkfI", + "url": "https://www.youtube.com/watch?v=q3m5szOtkfI", + "title": "Neon - Don\u0027t Mess With This Beat", + "image": "https://i.ytimg.com/vi/q3m5szOtkfI/mqdefault.jpg" }, { "id": 28, - "url": "https://www.youtube.com/watch?v=OHB1EBKhYzA" + "videoId": "OHB1EBKhYzA", + "url": "https://www.youtube.com/watch?v=OHB1EBKhYzA", + "title": "Roach Motel - Afro sleeze", + "image": "https://i.ytimg.com/vi/OHB1EBKhYzA/mqdefault.jpg" }, { "id": 29, - "url": "https://www.youtube.com/watch?v=r5pM5cNoZMw" + "videoId": "r5pM5cNoZMw", + "url": "https://www.youtube.com/watch?v=r5pM5cNoZMw", + "title": "Black Traxx - Pump It", + "image": "https://i.ytimg.com/vi/r5pM5cNoZMw/mqdefault.jpg" }, { "id": 30, - "url": "https://www.youtube.com/watch?v=qRIGUtnDfQ4" + "videoId": "qRIGUtnDfQ4", + "url": "https://www.youtube.com/watch?v=qRIGUtnDfQ4", + "title": "Taana Gardner - What Can I Do For You? (Luv Dub)", + "image": "https://i.ytimg.com/vi/qRIGUtnDfQ4/mqdefault.jpg" }, { "id": 31, - "url": "https://www.youtube.com/watch?v=c-vixuayY0c" + "videoId": "c-vixuayY0c", + "url": "https://www.youtube.com/watch?v=c-vixuayY0c", + "title": "Dread Flimstone \u0026 The Modern Tone Age Family - From the ghetto (Danny Tenaglia dreadzone mix)", + "image": "https://i.ytimg.com/vi/c-vixuayY0c/mqdefault.jpg" }, { "id": 32, - "url": "https://www.youtube.com/watch?v=dyEgyrz0fNM" + "videoId": "dyEgyrz0fNM", + "url": "https://www.youtube.com/watch?v=dyEgyrz0fNM", + "title": "MI 7 - Rockin\u0027 Down The House - 1991 Original", + "image": "https://i.ytimg.com/vi/dyEgyrz0fNM/mqdefault.jpg" }, { "id": 33, - "url": "https://www.youtube.com/watch?v=iKDoepOe18Y" + "videoId": "iKDoepOe18Y", + "url": "https://www.youtube.com/watch?v=iKDoepOe18Y", + "title": "DAVIDREX X - Let Me Feel It (Jungle Remix)", + "image": "https://i.ytimg.com/vi/iKDoepOe18Y/mqdefault.jpg" }, { "id": 34, - "url": "https://www.youtube.com/watch?v=kNcHM5zJGt4" + "videoId": "kNcHM5zJGt4", + "url": "https://www.youtube.com/watch?v=kNcHM5zJGt4", + "title": "Global Communication- The Way (Secret Ingredients mix) CLASS", + "image": "https://i.ytimg.com/vi/kNcHM5zJGt4/mqdefault.jpg" }, { "id": 35, - "url": "https://www.youtube.com/watch?v=RLzFea_z06M" + "videoId": "RLzFea_z06M", + "url": "https://www.youtube.com/watch?v=RLzFea_z06M", + "title": "Mixmasters feat Mc Action - In The Mix (Fast Eddie Mix)", + "image": "https://i.ytimg.com/vi/RLzFea_z06M/mqdefault.jpg" }, { "id": 36, - "url": "https://www.youtube.com/watch?v=g7ibSZa4uvU" + "videoId": "g7ibSZa4uvU", + "url": "https://www.youtube.com/watch?v=g7ibSZa4uvU", + "title": "A HOMEBOY, A HIPPIE \u0026 A FUNKI DREDD - TOTAL CONFUSION (HEAVENLY MIX) 1990", + "image": "https://i.ytimg.com/vi/g7ibSZa4uvU/mqdefault.jpg" }, { "id": 37, - "url": "https://www.youtube.com/watch?v=Zlt3W8Oeym0" + "videoId": "Zlt3W8Oeym0", + "url": "https://www.youtube.com/watch?v=Zlt3W8Oeym0", + "title": "Amy Helm - Own Way Home", + "image": "https://i.ytimg.com/vi/Zlt3W8Oeym0/mqdefault.jpg" }, { "id": 38, - "url": "https://www.youtube.com/watch?v=SuwPeLkYH_w" + "videoId": "SuwPeLkYH_w", + "url": "https://www.youtube.com/watch?v=SuwPeLkYH_w", + "title": "Mutiny Featuring Mary Joy - Bliss (Maw Main Mix)", + "image": "https://i.ytimg.com/vi/SuwPeLkYH_w/mqdefault.jpg" }, { "id": 39, - "url": "https://www.youtube.com/watch?v=NhnKg9WYmDQ" + "videoId": "NhnKg9WYmDQ", + "url": "https://www.youtube.com/watch?v=NhnKg9WYmDQ", + "title": "I Can\u0027t Wait (Original Flavor Mix)", + "image": "https://i.ytimg.com/vi/NhnKg9WYmDQ/mqdefault.jpg" }, { "id": 40, - "url": "https://www.youtube.com/watch?v=gpe6QpUMiC4" + "videoId": "gpe6QpUMiC4", + "url": "https://www.youtube.com/watch?v=gpe6QpUMiC4", + "title": "Guantanamo - You Got To Feel It (Get Up \u0026 Feel It Dub)", + "image": "https://i.ytimg.com/vi/gpe6QpUMiC4/mqdefault.jpg" }, { "id": 41, - "url": "https://www.youtube.com/watch?v=f7sWls3-_p4" + "videoId": "f7sWls3-_p4", + "url": "https://www.youtube.com/watch?v=f7sWls3-_p4", + "title": "Jazzie Joint - Give A Little Love (1992)", + "image": "https://i.ytimg.com/vi/f7sWls3-_p4/mqdefault.jpg" }, { "id": 42, - "url": "https://www.youtube.com/watch?v=K27avUBkpm8" + "videoId": "K27avUBkpm8", + "url": "https://www.youtube.com/watch?v=K27avUBkpm8", + "title": "Golden Girls - Kinetic (Frank De Wulf Remix)", + "image": "https://i.ytimg.com/vi/K27avUBkpm8/mqdefault.jpg" }, { "id": 43, - "url": "https://www.youtube.com/watch?v=GdruKZqG7vI" + "videoId": "GdruKZqG7vI", + "url": "https://www.youtube.com/watch?v=GdruKZqG7vI", + "title": "Frank De Wulf - The Tape (Original Mix)", + "image": "https://i.ytimg.com/vi/GdruKZqG7vI/mqdefault.jpg" }, { "id": 44, - "url": "https://www.youtube.com/watch?v=VQVxTA9z6_c" + "videoId": "VQVxTA9z6_c", + "url": "https://www.youtube.com/watch?v=VQVxTA9z6_c", + "title": "Power Circle - Garden Of Peace (Shakra \u0026 Love Mix) (1993)", + "image": "https://i.ytimg.com/vi/VQVxTA9z6_c/mqdefault.jpg" }, { "id": 45, - "url": "https://www.youtube.com/watch?v=TR7rrtjSvp4" + "videoId": "TR7rrtjSvp4", + "url": "https://www.youtube.com/watch?v=TR7rrtjSvp4", + "title": "The Uprising - You Can Wait", + "image": "https://i.ytimg.com/vi/TR7rrtjSvp4/mqdefault.jpg" }, { "id": 46, - "url": "https://www.youtube.com/watch?v=BQnj-BT3RwI" + "videoId": "BQnj-BT3RwI", + "url": "https://www.youtube.com/watch?v=BQnj-BT3RwI", + "title": "PHENIX - OVERTURE 1991 [VINYL]", + "image": "https://i.ytimg.com/vi/BQnj-BT3RwI/mqdefault.jpg" }, { "id": 47, - "url": "https://www.youtube.com/watch?v=eitTCESgaQk" + "videoId": "eitTCESgaQk", + "url": "https://www.youtube.com/watch?v=eitTCESgaQk", + "title": "HWW, House Without Windows - Friend (Afro Funky Friend)", + "image": "https://i.ytimg.com/vi/eitTCESgaQk/mqdefault.jpg" }, { "id": 48, - "url": "https://www.youtube.com/watch?v=OtSNYAYJWyA" + "videoId": "OtSNYAYJWyA", + "url": "https://www.youtube.com/watch?v=OtSNYAYJWyA", + "title": "Alexander Hope - Saturdays (Saturday Nite Beats)", + "image": "https://i.ytimg.com/vi/OtSNYAYJWyA/mqdefault.jpg" }, { "id": 49, - "url": "https://www.youtube.com/watch?v=RS-JMZYmYYE" + "videoId": "RS-JMZYmYYE", + "url": "https://www.youtube.com/watch?v=RS-JMZYmYYE", + "title": "C.Y.B. - Snake Bit (Heavy Bit Mix)", + "image": "https://i.ytimg.com/vi/RS-JMZYmYYE/mqdefault.jpg" }, { "id": 50, - "url": "https://www.youtube.com/watch?v=nUOxX_UNCuM" + "videoId": "nUOxX_UNCuM", + "url": "https://www.youtube.com/watch?v=nUOxX_UNCuM", + "title": "Roommates - Bass Grooves", + "image": "https://i.ytimg.com/vi/nUOxX_UNCuM/mqdefault.jpg" }, { "id": 51, - "url": "https://www.youtube.com/watch?v=c4hF2PzQqXc" + "videoId": "c4hF2PzQqXc", + "url": "https://www.youtube.com/watch?v=c4hF2PzQqXc", + "title": "Dearboy - Grey Clouds (amboseli) 1992", + "image": "https://i.ytimg.com/vi/c4hF2PzQqXc/mqdefault.jpg" }, { "id": 52, - "url": "https://www.youtube.com/watch?v=STwJqk4a8dw" + "videoId": "STwJqk4a8dw", + "url": "https://www.youtube.com/watch?v=STwJqk4a8dw", + "title": "Satin - I Want You (Abstract Mix)", + "image": "https://i.ytimg.com/vi/STwJqk4a8dw/mqdefault.jpg" }, { "id": 53, - "url": "https://www.youtube.com/watch?v=XzceHLdD_iA" + "videoId": "XzceHLdD_iA", + "url": "https://www.youtube.com/watch?v=XzceHLdD_iA", + "title": "PM Dawn \u200E\u2013 A Watcher\u0027s Point Of View (Todd Terry Melody Mix) 1991", + "image": "https://i.ytimg.com/vi/XzceHLdD_iA/mqdefault.jpg" }, { "id": 54, - "url": "https://www.youtube.com/watch?v=NmjYxFfwr4M" + "videoId": "NmjYxFfwr4M", + "url": "https://www.youtube.com/watch?v=NmjYxFfwr4M", + "title": "LIAISONS D. - Future F.J.P. - 1990", + "image": "https://i.ytimg.com/vi/NmjYxFfwr4M/mqdefault.jpg" }, { "id": 55, - "url": "https://www.youtube.com/watch?v=4muh5lTToUA" + "videoId": "4muh5lTToUA", + "url": "https://www.youtube.com/watch?v=4muh5lTToUA", + "title": "Overweight Pooch ft. Ce Ce Peniston - I Like It (Spaced Out Dub) 1991", + "image": "https://i.ytimg.com/vi/4muh5lTToUA/mqdefault.jpg" }, { "id": 56, - "url": "https://www.youtube.com/watch?v=caBnWv80VbY" + "videoId": "caBnWv80VbY", + "url": "https://www.youtube.com/watch?v=caBnWv80VbY", + "title": "Idjut Boys - Retreat", + "image": "https://i.ytimg.com/vi/caBnWv80VbY/mqdefault.jpg" }, { "id": 57, - "url": "https://www.youtube.com/watch?v=622I_IqibvQ" + "videoId": "622I_IqibvQ", + "url": "https://www.youtube.com/watch?v=622I_IqibvQ", + "title": "Alex Neri - The Wizard (Hot Funcky Version)", + "image": "https://i.ytimg.com/vi/622I_IqibvQ/mqdefault.jpg" }, { "id": 58, - "url": "https://www.youtube.com/watch?v=3qIIGBuDe9g" + "videoId": "3qIIGBuDe9g", + "url": "https://www.youtube.com/watch?v=3qIIGBuDe9g", + "title": "Shadii - My people (Morel\u0027s \u0022Doom\u0022 Mix)", + "image": "https://i.ytimg.com/vi/3qIIGBuDe9g/mqdefault.jpg" }, { "id": 59, - "url": "https://www.youtube.com/watch?v=P-JizHfXJEM" + "videoId": "P-JizHfXJEM", + "url": "https://www.youtube.com/watch?v=P-JizHfXJEM", + "title": "ALL I\u0027M ASKING FOR (MAIN MIX) YASS presents JAY \u0026 TAHIRA", + "image": "https://i.ytimg.com/vi/P-JizHfXJEM/mqdefault.jpg" }, { "id": 60, - "url": "https://www.youtube.com/watch?v=Un4CeV_l3pI" + "videoId": "Un4CeV_l3pI", + "url": "https://www.youtube.com/watch?v=Un4CeV_l3pI", + "title": "Hardfloor - \u0022Acperience 1\u0022", + "image": "https://i.ytimg.com/vi/Un4CeV_l3pI/mqdefault.jpg" }, { "id": 61, - "url": "https://www.youtube.com/watch?v=y9opJNenN0M" + "videoId": "y9opJNenN0M", + "url": "https://www.youtube.com/watch?v=y9opJNenN0M", + "title": "Jillian Mendez - Dont Know What You\u0027re Missin (Sin Club Dub)", + "image": "https://i.ytimg.com/vi/y9opJNenN0M/mqdefault.jpg" }, { "id": 62, - "url": "https://www.youtube.com/watch?v=T3mnevmwVw8" + "videoId": "T3mnevmwVw8", + "url": "https://www.youtube.com/watch?v=T3mnevmwVw8", + "title": "Dayeene - Who\u0027s Gonna Get You Back (Gekko Club / Dub) [HQ] (2/4)", + "image": "https://i.ytimg.com/vi/T3mnevmwVw8/mqdefault.jpg" }, { "id": 63, - "url": "https://www.youtube.com/watch?v=rw_HXX33EG8" + "videoId": "rw_HXX33EG8", + "url": "https://www.youtube.com/watch?v=rw_HXX33EG8", + "title": "Sasha \u0022Automatic Love\u0022 1992", + "image": "https://i.ytimg.com/vi/rw_HXX33EG8/mqdefault.jpg" }, { "id": 64, - "url": "https://www.youtube.com/watch?v=PscfLhTeFKo" + "videoId": "PscfLhTeFKo", + "url": "https://www.youtube.com/watch?v=PscfLhTeFKo", + "title": "Awesome Foursome - Right Now (Club) [Black Label] (1992)", + "image": "https://i.ytimg.com/vi/PscfLhTeFKo/mqdefault.jpg" }, { "id": 65, - "url": "https://www.youtube.com/watch?v=u-8PTWdHqME" + "videoId": "u-8PTWdHqME", + "url": "https://www.youtube.com/watch?v=u-8PTWdHqME", + "title": "Fiction vs. Eddie \u0022Flashin\u0022 Fowlkes - The Feeling (Extended Original Mix)", + "image": "https://i.ytimg.com/vi/u-8PTWdHqME/mqdefault.jpg" }, { "id": 66, - "url": "https://www.youtube.com/watch?v=ccuIOgiarsk" + "videoId": "ccuIOgiarsk", + "url": "https://www.youtube.com/watch?v=ccuIOgiarsk", + "title": "Fiction vs. Eddie \u0027Flashin\u0027 Fowlkes - F.F. in Crime (Techno Dub)", + "image": "https://i.ytimg.com/vi/ccuIOgiarsk/mqdefault.jpg" }, { "id": 67, - "url": "https://www.youtube.com/watch?v=Qs1lUTC7SUA" + "videoId": "Qs1lUTC7SUA", + "url": "https://www.youtube.com/watch?v=Qs1lUTC7SUA", + "title": "P.J. Master -- Ecstasy Beat", + "image": "https://i.ytimg.com/vi/Qs1lUTC7SUA/mqdefault.jpg" }, { "id": 68, - "url": "https://www.youtube.com/watch?v=TwmMnIG9kaQ" + "videoId": "TwmMnIG9kaQ", + "url": "https://www.youtube.com/watch?v=TwmMnIG9kaQ", + "title": "Playtime Toons - Rollin\u0027 Rok", + "image": "https://i.ytimg.com/vi/TwmMnIG9kaQ/mqdefault.jpg" }, { "id": 69, - "url": "https://www.youtube.com/watch?v=WWuh8aB-E8k" + "videoId": "WWuh8aB-E8k", + "url": "https://www.youtube.com/watch?v=WWuh8aB-E8k", + "title": "A Certain Ratio - 27 Forever", + "image": "https://i.ytimg.com/vi/WWuh8aB-E8k/mqdefault.jpg" }, { "id": 70, - "url": "https://www.youtube.com/watch?v=kfZSPxhLVDw" + "videoId": "kfZSPxhLVDw", + "url": "https://www.youtube.com/watch?v=kfZSPxhLVDw", + "title": "Julian \u0022Jumpin\u0027\u0022 Perez \u200E\u2013 Relight My Fire (Roger S. Instrumental Mix)", + "image": "https://i.ytimg.com/vi/kfZSPxhLVDw/mqdefault.jpg" }, { "id": 71, - "url": "https://www.youtube.com/watch?v=yhFaWehhxpE" + "videoId": "yhFaWehhxpE", + "url": "https://www.youtube.com/watch?v=yhFaWehhxpE", + "title": "Hydroponic Sound System \u200E\u2013 Hydro Sound Clash (The JT Donaldson Remix)", + "image": "https://i.ytimg.com/vi/yhFaWehhxpE/mqdefault.jpg" }, { "id": 72, - "url": "https://www.youtube.com/watch?v=QgBsouTF2OY" + "videoId": "QgBsouTF2OY", + "url": "https://www.youtube.com/watch?v=QgBsouTF2OY", + "title": "Corrado - Tribal Activity (Dominator Sleeps Tonight)", + "image": "https://i.ytimg.com/vi/QgBsouTF2OY/mqdefault.jpg" }, { "id": 73, - "url": "https://www.youtube.com/watch?v=G9X9uRzH568" + "videoId": "G9X9uRzH568", + "url": "https://www.youtube.com/watch?v=G9X9uRzH568", + "title": "The Tone - Save The Day", + "image": "https://i.ytimg.com/vi/G9X9uRzH568/mqdefault.jpg" }, { "id": 74, - "url": "https://www.youtube.com/watch?v=lF0GQk99fNI" + "videoId": "lF0GQk99fNI", + "url": "https://www.youtube.com/watch?v=lF0GQk99fNI", + "title": "Unknown Artist - Set Me Free (Rapina Records)", + "image": "https://i.ytimg.com/vi/lF0GQk99fNI/mqdefault.jpg" }, { "id": 75, - "url": "https://www.youtube.com/watch?v=hzjZzLDjjRo" + "videoId": "hzjZzLDjjRo", + "url": "https://www.youtube.com/watch?v=hzjZzLDjjRo", + "title": "Brent Laurence - Love Is So Good (Kluster\u0027s Ultimate Dub)", + "image": "https://i.ytimg.com/vi/hzjZzLDjjRo/mqdefault.jpg" }, { "id": 76, - "url": "https://www.youtube.com/watch?v=z27XcFgxSkE" + "videoId": "z27XcFgxSkE", + "url": "https://www.youtube.com/watch?v=z27XcFgxSkE", + "title": "280 West - Scattered Dreams (\u0022Boom Chocka-Boom\u0022 Mix)", + "image": "https://i.ytimg.com/vi/z27XcFgxSkE/mqdefault.jpg" }, { "id": 77, - "url": "https://www.youtube.com/watch?v=N6uFc451SG0" + "videoId": "N6uFc451SG0", + "url": "https://www.youtube.com/watch?v=N6uFc451SG0", + "title": "IV02 \u00C2me - Rej - Rej EP", + "image": "https://i.ytimg.com/vi/N6uFc451SG0/mqdefault.jpg" }, { "id": 78, - "url": "https://www.youtube.com/watch?v=oqa_DVZqYrU" + "videoId": "oqa_DVZqYrU", + "url": "https://www.youtube.com/watch?v=oqa_DVZqYrU", + "title": "lack of love", + "image": "https://i.ytimg.com/vi/oqa_DVZqYrU/mqdefault.jpg" }, { "id": 79, - "url": "https://www.youtube.com/watch?v=O8coFTo9c5c" + "videoId": "O8coFTo9c5c", + "url": "https://www.youtube.com/watch?v=O8coFTo9c5c", + "title": "Double F.M. - The Sound Of Amnesia (Amnesia Mix)", + "image": "https://i.ytimg.com/vi/O8coFTo9c5c/mqdefault.jpg" }, { "id": 80, - "url": "https://www.youtube.com/watch?v=B6y6O24pjpI" + "videoId": "B6y6O24pjpI", + "url": "https://www.youtube.com/watch?v=B6y6O24pjpI", + "title": "Drum Club - U Make Me Feel So Good", + "image": "https://i.ytimg.com/vi/B6y6O24pjpI/mqdefault.jpg" }, { "id": 81, - "url": "https://www.youtube.com/watch?v=CgsJXBSRuEM" + "videoId": "CgsJXBSRuEM", + "url": "https://www.youtube.com/watch?v=CgsJXBSRuEM", + "title": "Dynamic Noise - Just Let Me Be (Detroit Mix)", + "image": "https://i.ytimg.com/vi/CgsJXBSRuEM/mqdefault.jpg" }, { "id": 82, - "url": "https://www.youtube.com/watch?v=82L_5wc5dtE" + "videoId": "82L_5wc5dtE", + "url": "https://www.youtube.com/watch?v=82L_5wc5dtE", + "title": "Abstract Truth ft Monique Bingham - (We Had) A Thing (Matty\u0027s Deep Zone Dub) Streetwave Records 1998", + "image": "https://i.ytimg.com/vi/82L_5wc5dtE/mqdefault.jpg" }, { "id": 83, - "url": "https://www.youtube.com/watch?v=NymZqqPMK1Q" + "videoId": "NymZqqPMK1Q", + "url": "https://www.youtube.com/watch?v=NymZqqPMK1Q", + "title": "Fathers Of Sound - Revelation", + "image": "https://i.ytimg.com/vi/NymZqqPMK1Q/mqdefault.jpg" }, { "id": 84, - "url": "https://www.youtube.com/watch?v=_X8o-D0rod0" + "videoId": "_X8o-D0rod0", + "url": "https://www.youtube.com/watch?v=_X8o-D0rod0", + "title": "Glenn Underground - 70\u0027s Trip", + "image": "https://i.ytimg.com/vi/_X8o-D0rod0/mqdefault.jpg" }, { "id": 85, - "url": "https://www.youtube.com/watch?v=jtz9Y40IE_k" + "videoId": "jtz9Y40IE_k", + "url": "https://www.youtube.com/watch?v=jtz9Y40IE_k", + "title": "The Grid - Figure of 8 (Grid tribal trance mix)", + "image": "https://i.ytimg.com/vi/jtz9Y40IE_k/mqdefault.jpg" }, { "id": 86, - "url": "https://www.youtube.com/watch?v=WfIXO5kW-kg" + "videoId": "WfIXO5kW-kg", + "url": "https://www.youtube.com/watch?v=WfIXO5kW-kg", + "title": "Mamosadi KB - El Musica feat. Osunlade", + "image": "https://i.ytimg.com/vi/WfIXO5kW-kg/mqdefault.jpg" }, { "id": 87, - "url": "https://www.youtube.com/watch?v=xmNvhCngyH0" + "videoId": "xmNvhCngyH0", + "url": "https://www.youtube.com/watch?v=xmNvhCngyH0", + "title": "Known Chic - Dance (Acid Stylee)", + "image": "https://i.ytimg.com/vi/xmNvhCngyH0/mqdefault.jpg" }, { "id": 88, - "url": "https://www.youtube.com/watch?v=apg6ofBWmH0" + "videoId": "apg6ofBWmH0", + "url": "https://www.youtube.com/watch?v=apg6ofBWmH0", + "title": "Laurent Garnier - Virtual Breakdown (Laboratoire Mix, 1992)", + "image": "https://i.ytimg.com/vi/apg6ofBWmH0/mqdefault.jpg" }, { "id": 89, - "url": "https://www.youtube.com/watch?v=8reYmrLHFZY" + "videoId": "8reYmrLHFZY", + "url": "https://www.youtube.com/watch?v=8reYmrLHFZY", + "title": "MK - Burning (MK Original Extended Mix)", + "image": "https://i.ytimg.com/vi/8reYmrLHFZY/mqdefault.jpg" }, { "id": 90, - "url": "https://www.youtube.com/watch?v=LScKsSmqy5E" + "videoId": "LScKsSmqy5E", + "url": "https://www.youtube.com/watch?v=LScKsSmqy5E", + "title": "MIDI RAIN FIRE 0001", + "image": "https://i.ytimg.com/vi/LScKsSmqy5E/mqdefault.jpg" }, { "id": 91, - "url": "https://www.youtube.com/watch?v=fT91SXdm6_0" + "videoId": "fT91SXdm6_0", + "url": "https://www.youtube.com/watch?v=fT91SXdm6_0", + "title": "My Friend Sam Feat Viola Wills - Its My Pleasure (Extended M", + "image": "https://i.ytimg.com/vi/fT91SXdm6_0/mqdefault.jpg" }, { "id": 92, - "url": "https://www.youtube.com/watch?v=v8FLYLRV_I8" + "videoId": "v8FLYLRV_I8", + "url": "https://www.youtube.com/watch?v=v8FLYLRV_I8", + "title": "Nayobe - I Love The Way You Love Me (David Morales Nostalgic Club Mix)", + "image": "https://i.ytimg.com/vi/v8FLYLRV_I8/mqdefault.jpg" }, { "id": 93, - "url": "https://www.youtube.com/watch?v=5x5BeCjVYcM" + "videoId": "5x5BeCjVYcM", + "url": "https://www.youtube.com/watch?v=5x5BeCjVYcM", + "title": "Diapox \u2013 Negative (Venereus Mix)", + "image": "https://i.ytimg.com/vi/5x5BeCjVYcM/mqdefault.jpg" }, { "id": 94, - "url": "https://www.youtube.com/watch?v=56cj9w156Hs" + "videoId": "56cj9w156Hs", + "url": "https://www.youtube.com/watch?v=56cj9w156Hs", + "title": "Sixteen Souls - On My Mind (Original Mix)", + "image": "https://i.ytimg.com/vi/56cj9w156Hs/mqdefault.jpg" }, { "id": 95, - "url": "https://www.youtube.com/watch?v=nxw-HNdRPt0" + "videoId": "nxw-HNdRPt0", + "url": "https://www.youtube.com/watch?v=nxw-HNdRPt0", + "title": "This Side Up - Yaah", + "image": "https://i.ytimg.com/vi/nxw-HNdRPt0/mqdefault.jpg" }, { "id": 96, - "url": "https://www.youtube.com/watch?v=yJRtZWubtkw" + "videoId": "yJRtZWubtkw", + "url": "https://www.youtube.com/watch?v=yJRtZWubtkw", + "title": "IV01 Tokyo Black Star - Blade Dancer (Dixon Edit) - Psyche Dance EP", + "image": "https://i.ytimg.com/vi/yJRtZWubtkw/mqdefault.jpg" }, { "id": 97, - "url": "https://www.youtube.com/watch?v=tH79t9wRy9U" + "videoId": "tH79t9wRy9U", + "url": "https://www.youtube.com/watch?v=tH79t9wRy9U", + "title": "Yo!Bots - I Got It (Groove Mix) [RCA] 1991", + "image": "https://i.ytimg.com/vi/tH79t9wRy9U/mqdefault.jpg" }, { "id": 98, - "url": "https://www.youtube.com/watch?v=LEh7_zxe8kM" + "videoId": "LEh7_zxe8kM", + "url": "https://www.youtube.com/watch?v=LEh7_zxe8kM", + "title": "Z Formation \u200E\u2013 Hollow Cloud", + "image": "https://i.ytimg.com/vi/LEh7_zxe8kM/mqdefault.jpg" }, { "id": 99, - "url": "https://www.youtube.com/watch?v=2TaO6F-Eu3k" + "videoId": "2TaO6F-Eu3k", + "url": "https://www.youtube.com/watch?v=2TaO6F-Eu3k", + "title": "4th Measure Men - 4 You MK Remix 1993", + "image": "https://i.ytimg.com/vi/2TaO6F-Eu3k/mqdefault.jpg" }, { "id": 100, - "url": "https://www.youtube.com/watch?v=yKfbINyh6C8" + "videoId": "yKfbINyh6C8", + "url": "https://www.youtube.com/watch?v=yKfbINyh6C8", + "title": "Obsession \u200E\u2013 Got That Feeling (Dub Mix)", + "image": "https://i.ytimg.com/vi/yKfbINyh6C8/mqdefault.jpg" } ] diff --git a/src/App.tsx b/src/App.tsx index fd5bcf7..fd6623c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,3 +1,4 @@ +import { Typography } from "@material-ui/core"; import React from "react"; import "./App.css"; import TuneList from "./components/TuneList"; @@ -5,8 +6,14 @@ import TuneList from "./components/TuneList"; function App() { return (
Fart: {m.url}
- ))}
+