fix unnamed stories being unclickable.

marko/components/content-list-item/index.marko

@@ -2,7 +2,7 @@
   <td class="icon color-highlight-primary">${input.icon}</td>
   <td class="content color-primary color-highlight-dark">
     <div class="title">
-      <a class="color-primary" href=input.link>${input.name}</a>
+      <a class="color-primary" href=input.link>${input.name || "(Untitled)"}</a>
     </div>
     <div if(input.description) class="description color-text">
       <div class="content">${input.description}</div>
@@ -20,4 +20,4 @@
       <item-meta kind="author" value=input.author />
     </div>
   </td>
-</tr>
+</tr>

marko/page/logs/components/import-log-modal/component.js

@@ -14,6 +14,7 @@ module.exports = class {
         channelName: "",
         date: "",
         data: "",
+        sessionThresholdHours: 12,
       },
       timezones: tz.names(),
     }
@@ -58,12 +59,24 @@ module.exports = class {
         return
       }
     } else if (input.importer === "MircLike") {
-      this.state.error = "Date is required for mIRC-like logs"
+      this.state.error = "Date is required for mIRC-like logs."
       return
     } else {
       input.date = null;
     }
 
+    if (input.importer === "IRCCloudLog") {
+      const hours = parseFloat(input.sessionThresholdHours)
+      if (Number.isNaN(hours)) {
+        this.state.error = "The session change threshold must be a number."
+        return
+      }
+
+      input.sessionThresholdMs = Math.floor(hours * 3600000)
+    }
+
+    delete input.sessionThresholdHours
+
     if (input.channelName.length < 2 || input.channelName.includes(" ") || input.channelName.includes(" ") || input.channelName.charAt(0) !== "#") {
       this.state.error = "A valid channelName name is required"
       return

marko/page/logs/components/import-log-modal/index.marko

@@ -10,6 +10,7 @@ import moment from "moment"
     <select key="importer" autofocus class="big" placeholder="Kind" on-change("change", "importer") value=state.values.importer>
       <option value="MircLike" selected=(state.values.importer === "MircLike")>mIRC-Like log</option>
       <option value="ForumLog" selected=(state.values.importer === "ForumLog")>Forum Log</option>
+      <option value="IrcCloud" selected=(state.values.importer === "IrcCloud")>IRCCloud log export</option>
     </select>
 
     <label>Timezone</label>
@@ -25,6 +26,11 @@ import moment from "moment"
       <input key="date" class="big" placeholder="(Required)" on-change("change", "date") value=state.values.date />
     </if>
 
+    <if(state.values.importer === "IrcCloud")>
+      <label>Session Change Threshold (Hours)</label>
+      <input key="sessionThreshold" class="big" placeholder="(Required)" on-change("change", "sessionThresholdHours") value=state.values.sessionThresholdHours />
+    </if>
+
     <label>Content</label>
     <textarea key="data" placeholder="(Required)" class="tall" on-change("change", "data") value=state.values.data />