interepret API response

src/ui/components/mods/LoadingCircle.css

@@ -7,8 +7,8 @@
   transform: translateZ(1px);
 
   position: absolute;
-  top: 50%;
-  left: 50%;
+  top: 45%;
+  left: 48.5%;
 }
 
 .LoadingCircle > div {

src/ui/components/mods/ModHeader.css

@@ -14,6 +14,11 @@
 }
 
 .ModHeaderTitle {
+  display: flex;
+  justify-content: center;
+
+  width: 100%;
+  max-width: 20%;
 }
 
 .ModHeaderTitle:hover {

src/ui/components/mods/ModList.tsx

@@ -1,10 +1,11 @@
 import React from 'react'
+import { getMods } from '../../../utils/gamebanana'
 import { LoadingCircle } from './LoadingCircle'
 
 import './ModList.css'
 
 interface IProps {
-  sort: string
+  mode: string
 }
 
 interface IState {
@@ -16,6 +17,14 @@ export class ModList extends React.Component<IProps, IState> {
     super(props)
   }
 
+  async componentDidMount() {
+    if (this.props.mode === 'installed') return
+
+    const mods = await getMods(this.props.mode)
+
+    console.log(mods)
+  }
+
   render() {
     return (
       <div className="ModList">