Imagens automáticas

db.json

@@ -143,6 +143,16 @@
         "Internet",
         "Pesquisa"
       ]
+    },
+    {
+      "id": "6d7b",
+      "titulo": "Como salvar contatos",
+      "conteudo": "Passo 1: Abra o aplicativo de contatos no seu dispositivo. \n\nPasso 2: Procure a opção para adicionar um novo contato, geralmente indicada por um símbolo de \"+\" ou \"Adicionar Contato\". \n\nPasso 3: Insira as informações do contato, como nome, telefone e e-mail. \n\nPasso 4: Se desejar, adicione outras informações, como endereço, data de aniversário ou notas. \n\nPasso 5: Após preencher todos os dados, salve o contato. Normalmente, há um botão \"Salvar\" no canto da tela. \n\nPasso 6: Verifique se o contato foi adicionado corretamente, buscando-o na lista de contatos.",
+      "link": "https://www.youtube.com/watch?v=oNREZ0cx7t4",
+      "categorias": [
+        "redes sociais"
+      ],
+      "imagem": "img/facebook.webp"
     }
   ],
   "mensagens": [

docs/pages/app_createtopic.html

@@ -224,16 +224,17 @@ <h1>Criar Tópico</h1>
     <label for="link">URL do vídeo:</label>
     <input type="text" id="link" name="link">
 
-    <label for="imagem">Imagem:</label>
-    <input type="text" id="imagem" name="imagem">
-
     <label for="categorias">Categorias:</label>
     <select id="categorias" name="categorias" multiple>
       <option value="redes sociais">Redes Sociais</option>
       <option value="fotografia">Fotografia</option>
       <option value="internet">Internet</option>
       <option value="pesquisas">Pesquisas</option>
       <option value="videochamada">Videochamada</option>
+      <option value="comunicacao">Comunicação</option>
+      <option value="tecnologia">Tecnologia</option>
+
+
     </select>
 
     <button type="submit">Criar</button> <!-- Botão de criação original -->
@@ -253,6 +254,26 @@ <h1>Criar Tópico</h1>
 const formObject = Object.fromEntries(formData.entries());
 formObject.categorias = categorias;
 
+let imagem = '';
+  if (categorias.includes('redes sociais')) {
+    imagem = 'img/facebook.webp';
+  } else if (categorias.includes('fotografia')) {
+    imagem = 'img/smartphone.jpg';
+  } else if (categorias.includes('internet')) {
+    imagem = 'img/Internet.jpg';
+  } else if (categorias.includes('pesquisas')) {
+    imagem = 'img/pesquisa.jpg';
+  } else if (categorias.includes('videochamada')) {
+    imagem = 'img/zoom.jpeg';
+  } else if (categorias.includes('comunicacao')) {
+    imagem = 'img/whatsapp.png';
+  } else if (categorias.includes('tecnologia')) {
+    imagem = 'img/computador.jpeg';
+  }
+
+  formObject.imagem = imagem;
+
+
   fetch('http://localhost:3001/topicos', {
     method: 'POST',
     headers: {
@@ -269,6 +290,7 @@ <h1>Criar Tópico</h1>
       console.error('Error adding new topic:', error);
     });
 });
+
 </script>
 <script type="module" src="js/custom.js"></script>