modified data type for new data schema

src/lib/DisplayData.svelte

@@ -46,64 +46,60 @@
     let result = []
     parsed_types.forEach(type => {
       switch (type) {
-        case 0: {
+        case 1: {
           result.push(`<div class="normal type">ノーマル</div>`)
           break;
         }
-        case 1: {
-          result.push(`<div class="fighting type">かくとう</div>`)
-          break;
-        }
         case 2: {
-          result.push(`<div class="flying type">ひこう</div>`)
-          break;
-        }
-        case 3: {
-          result.push(`<div class="poison type">どく</div>`)
-          break;
-        }
-        case 4: {
-          result.push(`<div class="ground type">じめん</div>`)
-          break;
-        }
-        case 5: {
-          result.push(`<div class="rock type">いわ</div>`)
-          break;
-        }
-        case 6: {
-          result.push(`<div class="bug type">むし</div>`)
-          break;
-        }
-        case 7: {
-          result.push(`<div class="ghost type">ゴースト</div>`)
-          break;
-        }
-        case 8: {
-          result.push(`<div class="steel type">はがね</div>`)
-          break;
-        }
-        case 9: {
           result.push(`<div class="fire type">ほのお</div>`)
           break;
         }
-        case 10: {
+        case 3: {
           result.push(`<div class="water type">みず</div>`)
           break;
         }
-        case 11: {
-          result.push(`<div class="grass type">くさ</div>`)
-          break;
-        }
-        case 12: {
+        case 4: {
           result.push(`<div class="electric type">でんき</div>`)
           break;
         }
-        case 13: {
+        case 5: {
+          result.push(`<div class="grass type">くさ</div>`)
+          break;
+        }
+        case 6: {
+          result.push(`<div class="ice type">こおり</div>`)
+          break;
+        }
+        case 7: {
+          result.push(`<div class="fighting type">かくとう</div>`)
+          break;
+        }
+        case 8: {
+          result.push(`<div class="poison type">どく</div>`)
+          break;
+        }
+        case 9: {
+          result.push(`<div class="ground type">じめん</div>`)
+          break;
+        }
+        case 10: {
+          result.push(`<div class="flying type">ひこう</div>`)
+          break;
+        }
+        case 11: {
           result.push(`<div class="psychic type">エスパー</div>`)
           break;
         }
+        case 12: {
+          result.push(`<div class="bug type">むし</div>`)
+          break;
+        }
+        case 13: {
+          result.push(`<div class="rock type">いわ</div>`)
+          break;
+        }
         case 14: {
-          result.push(`<div class="ice type">こおり</div>`)
+          result.push(`<div class="ghost type">ゴースト</div>`)
           break;
         }
         case 15: {
@@ -115,6 +111,10 @@
           break;
         }
         case 17: {
+          result.push(`<div class="steel type">はがね</div>`)
+          break;
+        }
+        case 18: {
           result.push(`<div class="fairy type">フェアリー</div>`)
           break;
         }
@@ -166,15 +166,12 @@
 <div class="data-container">
   {#if pokemonData && pokemonData.id && pokemonData.id > 0}
   <div class="row">
-    <img src={`data:image/png;base64,${pokemonData.thumb_big}`} alt={pokemonData.jap_name}/>
+    <img src={`data:image/png;base64,${pokemonData.thumbnail}`} alt={pokemonData.jap_name} width="32%"/>
   </div>
   <div class="row">
     <table>
       <tr>
-        <td><b>{pokemonData.jap_name}</b></td>
-      </tr>
-      <tr>
-        <td><b>{pokemonData.eng_name}</b></td>
+        <td><b>{pokemonData.name}</b></td>
       </tr>
       <tr>
         <td style="display: flex;">{@html generate_type(pokemonData.types)}</td>