feat: added campaign order planets list if there is no active major o…

…rder
dualsaber · Apr 25, 2024 · 77e2c52 · 77e2c52
1 parent 8bd3121
commit 77e2c52
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 9 deletions.
diff --git a/helldivers.widget.zip b/helldivers.widget.zip
diff --git a/index.jsx b/index.jsx
@@ -4,7 +4,7 @@ import { getPlanetEvents, getAssignments } from "./lib/api"
 
 // CONFIGS
 const REFRESH_INTERVAL = 15
-const VERSION = "v1.1.0"
+const VERSION = "v1.2.0"
 
 export const initialState = {
   loading: 1,
@@ -52,6 +52,13 @@ const title_main = css`
   text-align: center;
   margin-bottom: 10px;
 `
+const title_main_normal = css`
+  color: #fff;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 10px;
+`
 const title_top = css``
 const title_bottom = css`
   display: flex;
@@ -150,16 +157,24 @@ export const render = ({ loading, planets, order }) => {
         </div>
       ) : (
         <div>
-          {order.title ? (
+          {order.title || planets.length ? (
             <div>
-              <div className={title_main}>
-                <div className={title_top}>{order.title}</div>
-                <div className={title_bottom}>
-                  <div>
-                    {order.current_amount}/{order.max_amount}
-                  </div>
-                  <div>{order.countdown}</div>
+              <div className={order.title ? title_main : title_main_normal}>
+                <div className={title_top}>
+                  {order.title
+                    ? order.title
+                    : planets.length
+                    ? "Campaign Order"
+                    : null}
                 </div>
+                {order.title && (
+                  <div className={title_bottom}>
+                    <div>
+                      {order.current_amount}/{order.max_amount}
+                    </div>
+                    <div>{order.countdown}</div>
+                  </div>
+                )}
               </div>
               {planets.map(planet => {
                 return (