mod tiles and nsfw blurring

src/ui/components/mods/ModList.tsx

@@ -1,15 +1,16 @@
 import React from 'react'
-import { getMods } from '../../../utils/gamebanana'
+import { getMods, ModData } from '../../../utils/gamebanana'
 import { LoadingCircle } from './LoadingCircle'
 
 import './ModList.css'
+import { ModTile } from './ModTile'
 
 interface IProps {
   mode: string
 }
 
 interface IState {
-  modList: string[]
+  modList: ModData[]
 }
 
 export class ModList extends React.Component<IProps, IState> {
@@ -22,13 +23,23 @@ export class ModList extends React.Component<IProps, IState> {
 
     const mods = await getMods(this.props.mode)
 
-    console.log(mods)
+    this.setState({
+      modList: mods,
+    })
   }
 
   render() {
     return (
       <div className="ModList">
-        <LoadingCircle />
+        {this.state && this.state.modList ? (
+          <div className="ModListInner">
+            {this.state.modList.map((mod: ModData) => (
+              <ModTile mod={mod} key={mod.id} />
+            ))}
+          </div>
+        ) : (
+          <LoadingCircle />
+        )}
       </div>
     )
   }