426 |
}
428 | className={check}
429 | onClick={() => {
430 | setExitStatus(catchable.isCaught ? "not caught" : "caught");
431 | setTimeout(() => {
432 | dispatch({ type: "toggle caught", key: catchable.key });
433 | }, 200);
434 | }}
435 | />
436 |
})
441 |
442 |
443 | {catchable.name}
444 |
445 | {bellSection}
446 | {catchableSection}
447 | {noteSection}
448 |
449 | );
450 | }
451 |
452 | function imageFromKey(name: string): string {
453 | const map: any = imgMap;
454 | return map[name] || "";
455 | }
456 |
457 | function Row({
458 | icon,
459 | children,
460 | className,
461 | }: {
462 | icon?: React.ReactNode;
463 | children: React.ReactNode;
464 | className?: string;
465 | }) {
466 | const containerStyle = css`
467 | display: flex;
468 | flex-direction: row;
469 | font-size: 14px;
470 | align-items: center;
471 | ${className};
472 |
473 | & svg {
474 | flex: 1;
475 | }
476 | `;
477 |
478 | const textStyle = css`
479 | margin-left: 6px;
480 | text-align: left;
481 | flex: 10;
482 | `;
483 | return (
484 |