feat(#444): add other sports

src/components/SportIcon/SportIcon.tsx

@@ -1,3 +1,4 @@
+/* eslint sort-keys: 0 */
 import styled from 'styled-components/macro'
 
 import { SportTypes } from 'config'
@@ -44,6 +45,38 @@ const sportIcons = {
     color: '#2D8B8A',
     icon: 'Volleyball',
   },
+  baseball: {
+    color: '#ffffff',
+    icon: 'Baseball',
+  },
+  tennis: {
+    color: '#ffffff',
+    icon: 'Tennis',
+  },
+  field_hockey: {
+    color: '#ffffff',
+    icon: 'FIELD_HOCKEY',
+  },
+  figure_skating: {
+    color: '#ffffff',
+    icon: 'FIGURE_SKATING',
+  },
+  american_football: {
+    color: '#ffffff',
+    icon: 'AMERICAN_FOOTBALL',
+  },
+  futsal: {
+    color: '#ffffff',
+    icon: 'FUTSAL',
+  },
+  floorball: {
+    color: '#ffffff',
+    icon: 'FLOORBALL',
+  },
+  cricket: {
+    color: '#ffffff',
+    icon: 'CRICKET',
+  },
 }
 
 export const SportIcon = ({

src/config/lexics/procedures.tsx

@@ -1,6 +1,7 @@
 export const proceduresLexics = {
   3556: 3556,
   6959: 6959,
+  9759: 9759,
   9760: 9760,
   9761: 9761,
   12980: 12980,

src/config/sportTypes.tsx

@@ -1,19 +1,35 @@
 export enum SportTypes {
   FOOTBALL = 1,
-  HANDBALL = 7,
   HOCKEY = 2,
   BASKETBALL = 3,
+  TENNIS = 4,
   VOLLEYBALL = 6,
+  HANDBALL = 7,
   STREETBALL = 9,
-  BOXING = 12
+  BOXING = 12,
+  FIELD_HOCKEY = 14,
+  FIGURE_SKATING = 15,
+  AMERICAN_FOOTBALL = 16,
+  FUTSAL = 17,
+  FLOORBALL = 18,
+  CRICKET = 19,
+  BASEBALL = 20
 }
 
 export const SPORT_NAMES = {
   [SportTypes.BASKETBALL]: 'basketball',
   [SportTypes.FOOTBALL]: 'football',
+  [SportTypes.TENNIS]: 'tennis',
   [SportTypes.HANDBALL]: 'handball',
   [SportTypes.HOCKEY]: 'hockey',
   [SportTypes.VOLLEYBALL]: 'volleyball',
   [SportTypes.STREETBALL]: 'streetball',
   [SportTypes.BOXING]: 'boxing',
+  [SportTypes.BASEBALL]: 'baseball',
+  [SportTypes.FIELD_HOCKEY]: 'field_hockey',
+  [SportTypes.FIGURE_SKATING]: 'figure_skating',
+  [SportTypes.AMERICAN_FOOTBALL]: 'american_football',
+  [SportTypes.FUTSAL]: 'futsal',
+  [SportTypes.FLOORBALL]: 'floorball',
+  [SportTypes.CRICKET]: 'cricket',
 } as const

src/libs/index.ts

@@ -21,3 +21,4 @@ export { PoweredByInstat } from './objects/PoweredByInstat'
 export { PoweredByInsports } from './objects/PoweredByInsports'
 export { Info } from './objects/Info'
 export { Streetball } from './objects/Streetball'
+export { Baseball } from './objects/Baseball'

src/libs/objects/Baseball.tsx

@@ -0,0 +1,20 @@
+export const Baseball = () => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width='24'
+    height='24'
+    fill='none'
+    viewBox='0 0 24 24'
+  >
+    <g fill='#fff' clipPath='url(#clip0_44293_325999)'>
+      <path d='M11.64 18.12c-.328.36-.646.704-.961 1.051-.266.292-.266.294-.027.614.67.896 1.343 1.79 2.011 2.689.333.447.274 1.006-.128 1.325-.416.33-.964.25-1.305-.201a811.64 811.64 0 01-2.692-3.595c-.273-.367-.28-.749-.037-1.138.472-.756.945-1.512 1.423-2.264a.377.377 0 00.043-.356c-.354-1.124-.704-2.25-1.037-3.38-.056-.194-.136-.23-.317-.226-1.507.034-2.872-.413-4.106-1.29-.36-.257-.583-.58-.483-1.052.139-.657.877-.949 1.411-.547a5.15 5.15 0 002.352 1.001c.499.075.997.069 1.491-.035a.512.512 0 00.219-.127 2.037 2.037 0 013.32.87c.37 1.118.69 2.254 1.028 3.384.108.358.058.719.03 1.088-.027.378.027.77.096 1.147.367 1.99 1.408 3.58 2.854 4.924.108.1.22.198.328.297.378.344.442.874.155 1.265-.294.4-.821.492-1.248.2-1.96-1.34-3.464-3.06-4.287-5.349-.027-.077-.059-.152-.09-.227-.004-.012-.013-.022-.042-.067z' />
+      <path d='M6.18 9.688l-.977-.603c.038-.146.082-.329.132-.51L7.523.705c.152-.547.618-.82 1.119-.66.477.152.717.668.537 1.187-.337.972-.684 1.94-1.027 2.91l-1.89 5.34c-.022.064-.049.125-.081.206zM7.974 7.697c-.06-.93.706-1.88 1.623-2.041 1.042-.184 1.958.361 2.326 1.373a.352.352 0 00.179.184c.294.12.595.222.896.331-.024.154-.056.242-.227.232a37.841 37.841 0 00-1.773-.076c-.93-.012-1.863-.003-2.795-.003h-.23.001zM11.954 8.16c-.075.833-.968 1.58-1.907 1.604-.974.025-1.899-.707-2.018-1.605h3.925zM17.964 13.288c-.577 0-1.045-.48-1.038-1.064.007-.579.472-1.05 1.036-1.05.572-.001 1.043.484 1.037 1.068a1.043 1.043 0 01-1.035 1.046zM4.42 11.861c.268.157.505.293.738.436.032.02.066.072.064.107a.488.488 0 01-.513.44.433.433 0 01-.4-.506c.02-.152.07-.301.11-.476z' />
+    </g>
+    <defs>
+      <clipPath id='clip0_44293_325999'>
+        <path fill='#fff' d='M0 0H15V24H0z' transform='translate(4)' />
+      </clipPath>
+    </defs>
+  </svg>
+
+)