title: change menu image according to theme
body: <p>I have some images appearing on my home page. when changing the theme, i would like the image to change according to the theme, eg light theme, dark image. dark theme, light image.
  my const is like this:</p>
  <pre><code> const getImage = (page, hover) =&gt; {
      switch (page) {
        case '/admin':
          return hover ? adminHover : admin;
        case '/props/list':
          return hover ? propsHover : proprs;
        case '/':
          return hover ? homeHover : home;
        case '/evnts':
          return hover ? eventHover : event;
   
  </code></pre>
  <p>I tried to put it this way:</p>
  <pre><code>const getImage = (page, hover) =&gt; {
      switch (page) {
        case '/admin':
          {
            theme === 'light' ? (
              admin
            ) : (
            adminHover
          )
          }
  </code></pre>
  <p>but it did not work. how could i do this?</p>