fix: use another frequency

ricardocasares · Oct 31, 2020 · f8e286b · f8e286b · vercel · Oct 31, 2020
1 parent 4389bea
commit f8e286b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Logo/index.tsx b/src/components/Logo/index.tsx
@@ -9,13 +9,13 @@ type Icon = {
 
 const Icon = styled(Radio)<Icon>`
   path {
-    color: ${({ alpha }) => `rgba(0, 112, 243, ${alpha})`};
+    color: ${({ alpha }) => `rgba(0, 112, 243, ${alpha || 1})`};
   }
 `;
 
 export const Logo = () => {
   const freq = useFrequency();
   const alpha = mapValueToRange(freq, [0, 255], [0, 1]);
 
-  return <Icon alpha={alpha || 1} />;
+  return <Icon alpha={alpha} />;
 };
diff --git a/src/lib/hooks/useFrequency.ts b/src/lib/hooks/useFrequency.ts
@@ -16,7 +16,7 @@ export function useFrequency() {
 
     const update = () => {
       analyser.getByteFrequencyData(frequencyData);
-      setState(frequencyData[1]);
+      setState(frequencyData[3]);
       return requestAnimationFrame(update);
     };