handle api rates n stuff

src/ui/components/news/NewsSection.css

@@ -47,6 +47,7 @@
 
 .NewsContent {
   overflow-y: auto;
+  scrollbar-width: none;
 }
 
 .Commit {

src/ui/components/news/NewsSection.tsx

@@ -12,6 +12,7 @@ interface IProps {
 interface IState {
   selected: string;
   news: any;
+  commitList: any;
 }
 
 export default class NewsSection extends React.Component<IProps, IState> {
@@ -20,13 +21,19 @@ export default class NewsSection extends React.Component<IProps, IState> {
 
     this.state = {
       selected: props.selected || 'commits',
-      news: null
+      news: null,
+      commitList: null
     }
 
     this.setSelected = this.setSelected.bind(this)
     this.showNews = this.showNews.bind(this)
   }
 
+  componentDidMount() {
+    // Call showNews off the bat
+    this.showNews()
+  }
+
   setSelected(item: string) {
     this.setState({ selected: item })
 
@@ -34,9 +41,13 @@ export default class NewsSection extends React.Component<IProps, IState> {
   }
 
   async showLatestCommits() {
+    if (!this.state.commitList) {
       const commits: string = await invoke('req_get', { url: 'https://api.github.com/repos/Grasscutters/Grasscutter/commits' })
       const obj = JSON.parse(commits)
 
+      // Probably rate-limited
+      if (!Array.isArray(obj)) return
+  
       // Get only first 5
       const commitsList = obj.slice(0, 5)
       const commitsListHtml = commitsList.map((commit: any) => {
@@ -48,7 +59,13 @@ export default class NewsSection extends React.Component<IProps, IState> {
         )
       })
 
-    return commitsListHtml
+      this.setState({
+        commitList: commitsListHtml,
+        news: commitsListHtml
+      })
+    }
+
+    return this.state.commitList
   }
 
   async showNews() {