Sort stigmata set

src/pages/v2-pre/stigmata-sets/index.tsx

@@ -3,8 +3,8 @@ import { Box, Card } from '@theme-ui/components'
 import { NextPageContext } from 'next'
 import { Flex, Link } from 'theme-ui'
 
-import { StigmataCatalogItem, StigmataSetCatalogItem } from '../../../lib/v2-pre/data/types'
-import { loadStigmataCatalog, loadStigmataSetCatalog } from '../../../lib/v2-pre/server/loadData'
+import { StigmataSetCatalogItem } from '../../../lib/v2-pre/data/types'
+import { loadStigmataSetCatalog } from '../../../lib/v2-pre/server/loadData'
 import StigmaIcon from '../../../components/v2-pre/StigmaIcon'
 
 interface StigmataSetListPageProps {
@@ -16,7 +16,26 @@ const StigmataSetListPage = ({ stigmataSetCatalog }: StigmataSetListPageProps) =
     <Box>
       <h1>Stigmata (Set)</h1>
       <Flex sx={{ flexWrap: 'wrap' }}>
-        {stigmataSetCatalog.map(stigmataSet => {
+        {stigmataSetCatalog
+          .sort((a, b) => {
+            const aId = getId(a.id)
+            const bId = getId(b.id)
+            return bId - aId
+
+            function getId(id: string): number {
+              if (id === '1290') {
+                return 129.5
+              }
+              if (id === '132') {
+                return 0.2
+              }
+              if (id === '120') {
+                return 0.1
+              }
+              return parseInt(id)
+            }
+          })
+          .map(stigmataSet => {
             return (
               <Box key={stigmataSet.id} m={2}>
                 <Link href={`/v2-pre/stigmata-sets/${stigmataSet.id}`}>