fix: prettier and remove .env (#17)

* remove .env * prettier:fix
hicsail · Dec 13, 2023 · 0a83fb4 · 0a83fb4
1 parent 87e29bf
commit 0a83fb4
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 18 deletions.
diff --git a/.env b/.env
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,4 +1,9 @@
-import { IonApp, IonContent, IonRouterOutlet, setupIonicReact } from "@ionic/react";
+import {
+  IonApp,
+  IonContent,
+  IonRouterOutlet,
+  setupIonicReact,
+} from "@ionic/react";
 import { IonReactRouter } from "@ionic/react-router";
 import { Redirect, Route } from "react-router-dom";
 

diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
@@ -19,10 +19,15 @@ const token = import.meta.env.VITE_STRAPY_TOKEN;
 const apiKey = import.meta.env.VITE_ELEVEN_LABS_API_KEY;
 
 const Discover: React.FC = () => {
-  const [selectedVoiceId, setSelectedVoiceId] = useState("21m00Tcm4TlvDq8ikWAM");
+  const [selectedVoiceId, setSelectedVoiceId] = useState(
+    "21m00Tcm4TlvDq8ikWAM"
+  );
   const [isExpandedArray, setIsExpandedArray] = useState<any>([]);
   const [articles, setArticles] = useState<any>([]);
-  const [usedVoiceIds, setUsedVoicesIds] = useState<any>(["D38z5RcWu1voky8WS1ja", "21m00Tcm4TlvDq8ikWAM"]);
+  const [usedVoiceIds, setUsedVoicesIds] = useState<any>([
+    "D38z5RcWu1voky8WS1ja",
+    "21m00Tcm4TlvDq8ikWAM",
+  ]);
   const [usedVoices, setUsedVoices] = useState<any>([]);
   const [filteredArticles, setFilteredArticles] = useState<any>([]);
   const [searchText, setSearchText] = useState("");
@@ -54,7 +59,9 @@ const Discover: React.FC = () => {
     })
       .then((res) => res.json())
       .then((resp) => {
-        const filteredVoices = resp.voices.filter((voice: any) => usedVoiceIds.includes(voice.voice_id));
+        const filteredVoices = resp.voices.filter((voice: any) =>
+          usedVoiceIds.includes(voice.voice_id)
+        );
         setUsedVoices(filteredVoices);
         console.log(filteredVoices);
       });
@@ -77,7 +84,9 @@ const Discover: React.FC = () => {
   };
 
   const handlePlayPreview = () => {
-    const selectedVoice = usedVoices.find((voice: any) => voice.voice_id === selectedVoiceId);
+    const selectedVoice = usedVoices.find(
+      (voice: any) => voice.voice_id === selectedVoiceId
+    );
     if (selectedVoice) {
       const audio = new Audio(selectedVoice.preview_url);
       audio.play();
@@ -100,7 +109,9 @@ const Discover: React.FC = () => {
               <div className="pt-24">
                 <div className="p-12 z-50">
                   <IonText color="dark">
-                    <h1 className="text-3xl font-bold font-sans mb-4 md:mb-6 md:text-4xl">Informative Mental Health</h1>
+                    <h1 className="text-3xl font-bold font-sans mb-4 md:mb-6 md:text-4xl">
+                      Informative Mental Health
+                    </h1>
                   </IonText>
                   <div className="max-w-lg">
                     <IonText
@@ -110,8 +121,9 @@ const Discover: React.FC = () => {
                         fontWeight: 500,
                       }}
                     >
-                      Explore our collection of informative mental health resources designed to help teens navigate
-                      their emotional well-being and find support.
+                      Explore our collection of informative mental health
+                      resources designed to help teens navigate their emotional
+                      well-being and find support.
                     </IonText>
                   </div>
                 </div>
@@ -195,7 +207,12 @@ const Discover: React.FC = () => {
                 <IonButton size="small" color="warning" shape="round">
                   <IonIcon icon={informationCircleOutline} />
                 </IonButton>
-                <IonButton size="small" color="success" shape="round" onClick={handlePlayPreview}>
+                <IonButton
+                  size="small"
+                  color="success"
+                  shape="round"
+                  onClick={handlePlayPreview}
+                >
                   <IonIcon icon={play} />
                 </IonButton>
                 <select