diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 5b3ff94..caddea4 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -20,9 +20,13 @@
     "security": {
       "assetProtocol": {
         "enable": true,
-        "scope": { "allow": ["asset://localhost*"] }
+        "scope": { "allow": ["asset://localhost*", "http://localhost*"] }
       },
-      "csp": "default-src 'self'; img-src 'self'; asset: asset://localhost/*"
+      "csp": {
+        "default-src": "'self' customprotocol: asset:",
+        "connect-src": "ipc: http://ipc.localhost",
+        "img-src": "'self' asset: http://asset.localhost blob: data:"
+      }
     }
   },
   "bundle": {
diff --git a/src/App.tsx b/src/App.tsx
index e46abc0..c239b31 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -59,6 +59,13 @@ function App() {
   );
 }
 
+interface L {
+  uuid: number,
+}
+function LI({uuid}: L) {
+  return ( <img src={convertFileSrc("abc") + "?" + uuid } id="nowPlayingArtwork" alt="Some Image" key={uuid} /> )
+}
+
 export default App;
 
 function getConfig(): any {
@@ -150,8 +157,12 @@ function Song(props: SongProps) {
   )
 }
 
+
 function PlayBar() {
   let [playing, setPlaying] = useState('play');
+
+
+
   return (
     <section id="playBar" className="playBar">
       <div className="topHalf">
@@ -210,4 +221,4 @@ interface CurrentArtProps {
 }
 function CurrentArt({uuid}: CurrentArtProps) {
   return <img src={convertFileSrc("abc") + "?" + uuid } id="nowPlayingArtwork" alt="Now Playing Artwork" key={uuid} />
-}
\ No newline at end of file
+}