fix: change shipyard icons

src/components/Icon/index.tsx

@@ -64,7 +64,9 @@ import SearchBuilder from './searchbuilder.svg?react'
 import Settings from './settings.svg?react'
 import Share from './share.svg?react'
 import Shipyard from './shipyard.svg?react'
+import ShipyardBottleSvg from './shipyard-bottle.svg'
 import ShipyardBottle from './shipyard-bottle.svg?react'
+import ShipyardFull from './shipyard-full.svg?react'
 import Show from './show.svg?react'
 import SkillBook from './skillbook.svg?react'
 import SpecialLvl from './special.png'
@@ -110,6 +112,7 @@ export {
   LevelSvg,
   LuckSvg,
   PirateFestSvg,
+  ShipyardBottleSvg,
   SpecialLvl,
   SpecialSvg,
   SupportSvg,
@@ -186,6 +189,7 @@ export const SettingsIcon: Icon = BaseSvg.withComponent(Settings)
 export const SearchIcon: Icon = BaseSvg.withComponent(Search)
 export const ShareIcon: Icon = BaseSvg.withComponent(Share)
 export const ShipyardIcon: Icon = BaseSvg.withComponent(Shipyard)
+export const ShipyardFullIcon: Icon = BaseSvg.withComponent(ShipyardFull)
 export const ShipyardBottleIcon: Icon = BaseSvg.withComponent(ShipyardBottle)
 export const ShowIcon: Icon = BaseSvg.withComponent(Show)
 export const SkillBookIcon: Icon = BaseSvg.withComponent(SkillBook)

src/components/forms/ShipLevelInput.tsx

@@ -1,5 +1,5 @@
 import { useTheme } from '@emotion/react'
-import { LevelSvg } from 'components/Icon'
+import { ShipyardBottleSvg } from 'components/Icon'
 import { ShipMedal } from 'components/ShipMedal'
 import { UserShipModification } from 'models/shipBox'
 import { InputLabel } from 'pages/Detail/components'
@@ -45,7 +45,7 @@ export function ShipLevelInput({
         value={value[type].value}
         onChange={v => onChange(updateModification(value, type, v))}
         adders={[-1, 1, 5, 30, 50, 100]}
-        thumbSvg={LevelSvg}
+        thumbSvg={ShipyardBottleSvg}
         range={{
           color: color ?? theme.colors.primaryText,
         }}

src/pages/ShipDetail/components/ShipEventDisplayer.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@emotion/react'
 import { ExpansionPanel } from 'components/ExpansionPanel'
 import { RangeInput } from 'components/forms/RangeInput'
-import { PirateFestIcon, PirateFestSvg } from 'components/Icon'
+import { NewsCooIcon, ShipyardBottleSvg } from 'components/Icon'
 import { ShipEventLevel, ShipLevel } from 'models/ships'
 import { InputLabel } from 'pages/Detail/components'
 import { useMemo, useState } from 'react'
@@ -38,7 +38,7 @@ export function ShipEventDisplayer({
   }
 
   return (
-    <ExpansionPanel title="Event override" icon={PirateFestIcon}>
+    <ExpansionPanel title="Event override" icon={NewsCooIcon}>
       <InputLabel
         value={lvl}
         max={levels.length + eventLevels.length}
@@ -51,7 +51,7 @@ export function ShipEventDisplayer({
           onChange={e => setLvl(e.currentTarget.valueAsNumber)}
           min={1}
           max={all.length}
-          thumbSvg={PirateFestSvg}
+          thumbSvg={ShipyardBottleSvg}
           range={{
             color: theme.colors.primaryText,
           }}

src/pages/ShipDetail/components/ShipLevelEdit/index.tsx

@@ -2,7 +2,7 @@ import 'rc-slider/assets/index.css'
 import { useTheme } from '@emotion/react'
 import { Box } from 'components/Box'
 import { ExpansionPanel } from 'components/ExpansionPanel'
-import { SpecialLvlIcon } from 'components/Icon'
+import { ShipyardBottleIcon, SpecialLvlIcon } from 'components/Icon'
 import { Image } from 'components/Image'
 import { Text } from 'components/Title'
 import { UserShip } from 'models/shipBox'
@@ -78,7 +78,7 @@ export function ShipLevelEdit({ userShip, onChange }: ShipLevelEditProps) {
   )
 
   return (
-    <ExpansionPanel title="Ship level" icon={SpecialLvlIcon}>
+    <ExpansionPanel title="Ship level" icon={ShipyardBottleIcon}>
       <InputLabel
         value={lvl}
         max={levels.length}

src/pages/ShipDetail/components/ShipModificationEdit.tsx

@@ -3,7 +3,7 @@ import { Box } from 'components/Box'
 import { DescriptionHighlighter } from 'components/DescriptionHighlighter'
 import { ExpansionPanel } from 'components/ExpansionPanel'
 import { ShipLevelInput } from 'components/forms/ShipLevelInput'
-import { SpecialLvlIcon } from 'components/Icon'
+import { ShipyardFullIcon } from 'components/Icon'
 import { SubTitle } from 'components/Title'
 import { UserShip } from 'models/shipBox'
 import { useMemo } from 'react'
@@ -43,7 +43,7 @@ export function ShipModificationEdit({
   const { skillsLvl } = modification
 
   return (
-    <ExpansionPanel title="Modification rank" icon={SpecialLvlIcon}>
+    <ExpansionPanel title="Modification rank" icon={ShipyardFullIcon}>
       {obtained && level < levels.length && (
         <SubTitle color="red" pt="3" pb="2">
           You need to first upgrade your ship to its last level to be able to