fix: fix some markdown rendering bugs (closes #46)

frontend/src/lib/utils.ts

@@ -4,7 +4,8 @@ import sanitize from "sanitize-html";
 const md = new MarkdownIt({
   html: false,
   breaks: true,
-}).disable(["heading", "link", "table"]);
+  linkify: true,
+}).disable(["heading", "lheading", "link", "table", "blockquote"]);
 
 export function renderMarkdown(src: string | null) {
   return src ? sanitize(md.render(src)) : null;

frontend/src/routes/@[username]/+page.svelte

@@ -12,7 +12,6 @@
     ModalFooter,
   } from "sveltestrap";
   import FieldCard from "$lib/components/FieldCard.svelte";
-  import StatusIcon from "$lib/components/StatusIcon.svelte";
   import PronounLink from "$lib/components/PronounLink.svelte";
   import PartialMemberCard from "$lib/components/PartialMemberCard.svelte";
   import FallbackImage from "$lib/components/FallbackImage.svelte";
@@ -44,7 +43,7 @@
   let memberPage: number = 0;
   let memberSlice: PartialMember[] = [];
   $: memberSlice = data.members.slice(memberPage * 20, (memberPage + 1) * 20);
-  const totalPages = Math.floor(data.members.length / 20) + 1;
+  const totalPages = Math.ceil(data.members.length / 20);
 
   const prevPage = () => {
     if (memberPage === 0) {

frontend/src/routes/edit/member/[id]/+page.svelte

@@ -457,12 +457,15 @@
         >.
       </p>
       <hr />
-      <Card>
-        <CardHeader>Preview</CardHeader>
-        <CardBody>
-          {@html renderMarkdown(bio)}
-        </CardBody>
-      </Card>
+      {#if bio}
+        <hr />
+        <Card>
+          <CardHeader>Preview</CardHeader>
+          <CardBody>
+            {@html renderMarkdown(bio)}
+          </CardBody>
+        </Card>
+      {/if}
     </div>
   </TabPane>
   <TabPane tabId="pronouns" tab="Pronouns">

frontend/src/routes/edit/profile/+page.svelte

@@ -384,13 +384,15 @@
           rel="noopener noreferrer">Markdown</a
         >.
       </p>
-      <hr />
-      <Card>
-        <CardHeader>Preview</CardHeader>
-        <CardBody>
-          {@html renderMarkdown(bio)}
-        </CardBody>
-      </Card>
+      {#if bio}
+        <hr />
+        <Card>
+          <CardHeader>Preview</CardHeader>
+          <CardBody>
+            {@html renderMarkdown(bio)}
+          </CardBody>
+        </Card>
+      {/if}
     </div>
   </TabPane>
   <TabPane tabId="pronouns" tab="Pronouns">

frontend/src/routes/settings/+layout.svelte

@@ -56,15 +56,15 @@
         >
           Authentication
         </ListGroupItem>
-        <!--{#if hasHiddenMembers}-->
-        <ListGroupItem
-          tag="a"
-          active={$page.url.pathname === "/settings/members"}
-          href="/settings/members"
-        >
-          Hidden members
-        </ListGroupItem>
-        <!--{/if}-->
+        {#if hasHiddenMembers}
+          <ListGroupItem
+            tag="a"
+            active={$page.url.pathname === "/settings/members"}
+            href="/settings/members"
+          >
+            Hidden members
+          </ListGroupItem>
+        {/if}
         {#if data.invitesEnabled}
           <ListGroupItem
             tag="a"