Guayavas's questions

I have the following class that lists a series of volcanoes with code and name:

import React, { useState } from 'react';
import {useFetchVolcans} from '../assets/hooks/useFetchVolcans';
import Accordion from 'react-bootstrap/Accordion';

function Bar() {

//realizo una petición para pedir la lista de los volcanes y su codigos
const {data} = useFetchVolcans()

const [volcanInicio,setVolcanInicio] = useState()

//Aquí se modifica el código guardado si se elige uno u otro volcán de la lista 
const handleVolcanInicio = (e)=>{
        setVolcanInicio(e.target.value)
    }

  return(
  <div className="barLeft">
   //Aquí listo la información en un botón desplegable
    <Accordion>
      <Accordion.Item eventKey="0">
          <Accordion.Header>Volcanes</Accordion.Header>
              <Accordion.Body>
                  <select value={volcanInicio} onChange={handleVolcanInicio} class="form-select">
                              <option value="0">Elige un volcan</option>
                              {data.map((item) => (
                                <option value={item.code}>{item.name}</option>
                              ))}
                  </select>
             </Accordion.Body>
       </Accordion.Item>
    </Accordion>
  </div>
  );
}

export default Bar;

What I need is to send the information of the code saved in setVolcanInicio to another class and that this is done every time a volcano is chosen from the list.

I want to change the color of the shadow or frame that is made when I click on an accordion in bostrap 5 (I am using the version for react https://react-bootstrap.github.io/getting-started/introduction ), all the that blue color.

Inactive button: Active button:

As you can see when it is active everything is painted blue and I want to change it to green

My code for the accordion is this (I'm working in React):

  <Accordion>
     <Accordion.Item eventKey="0">
        <Accordion.Header>Volcanes</Accordion.Header>
           <Accordion.Body>
             *Algo aqui*
           </Accordion.Body>
     </Accordion.Item>
  <Accordion>

The style code is (I'm working with sass):

    .accordion-button {        
        background-color: #adadad;
        height: 30px;
        color: white;   
    }

    .accordion-body{
        padding: 8px 12px;
        background-color: rgb(172, 172, 172); 
    }
    

I have searched for information but honestly I have not been able to apply any solution, since they ask me to do it without using any jQuery.

I have the following problem when I rotate my character in unity with the following function

    if (direccion < 0 && izq)
    {
        transform.rotation = Quaternion.AngleAxis(180, Vector3.up);
        izq = false;
        der = true;

    }
    else if (direccion > 0 && der)
    {

        transform.rotation = Quaternion.AngleAxis(0, Vector3.up);
        izq = true;
         der = false;

    }        

But now it turns out that when it turns to the left the character appears cut in half but in the "Game" window since in the "Scene" window it appears normal and the strange thing is that when it returns to its initial position it appears complete, now if my question is.

Why does unity U hate me":? hahahaha I really can't find any more explanation of what happens because if I manually modify the rotation values ​​when I play the game there if it appears complete :"C. So please, if someone who passes by, I really ask you to explain it to me, I'm about to reinstall unity because I don't see any more sense in it because it's not working well. Thank you very much in advance.

PS: I cannot use the function of the SpriteRender flipX for aesthetic reasons (the mouth stays static where it is because it is a separate object).