novos temas

web/src/App.jsx

@@ -40,6 +40,18 @@ function App() {
   
   ]);
 
+  const subjects = [
+    {label:"Fisiologia", value: "fisiologia" },  
+    {label:"Embriologia", value: "embriologia" },
+    {label:"Citologia", value: "citologia" },
+    {label:"Genética", value: "genetica" },
+    {label:"Botânica", value: "botanica" },
+    {label:"Zoologia", value: "zoologia" },
+    {label:"Morfologia", value: "morfologia" },
+    {label:"Ecologia", value: "ecologia" },
+    {label:"Biofísica", value: "biofisica" },
+    ]
+
   const handleSubmit = async (e) => {
     e.preventDefault();
     setIsLoading(true);
@@ -132,9 +144,9 @@ function App() {
                 <SelectValue placeholder="Conteúdo" />
               </SelectTrigger>
               <SelectContent onChange={e => console.log(e)}>
-                <SelectItem value="fisiologia">Fisiologia</SelectItem>
-                <SelectItem value="embriologia">Embriologia</SelectItem>
-                <SelectItem value="citologia">Citologia</SelectItem>
+                subjects && subjects.map(({ label, value }) => (
+                <SelectItem key={value} value={value}>{label}</SelectItem>
+                ))
               </SelectContent>
             </Select>
             <button className="h-10 bg-purple-500 rounded px-2.5 py-1 mt-5 hover:brightness-110 transition-all flex items-center justify-center disabled:hover:brightness-75 disabled:brightness-75"