({ shipName }: { shipName: string })
| 129 | } |
| 130 | |
| 131 | function ShipError({ shipName }: { shipName: string }) { |
| 132 | return ( |
| 133 | <div className="ship-info"> |
| 134 | <div className="ship-info__img-wrapper"> |
| 135 | <img src="/img/broken-ship.webp" alt="broken ship" /> |
| 136 | </div> |
| 137 | <section> |
| 138 | <h2>There was an error</h2> |
| 139 | </section> |
| 140 | <section>There was an error loading "{shipName}"</section> |
| 141 | </div> |
| 142 | ) |
| 143 | } |
| 144 | |
| 145 | // 🐨 create a ShipImg component which accepts all the props of a regular img |
| 146 | // element (🦺 React.ComponentProps<'img'>) and it should forward all props to |
nothing calls this directly
no outgoing calls
no test coverage detected