feat: github url component (#401)

* feat: github url component * fix: links --------- Co-authored-by: kaiserd <1684595+kaiserd@users.noreply.github.com>
2026-08-27 09:01:07 +00:00 · 2026-04-08 18:23:22 +02:00
parent 8f6f7ce184
commit 877c359ae6
9 changed files with 65 additions and 15 deletions
@@ -3,15 +3,13 @@ title: Messaging API — Developer Preview
 tags:
  - messaging-milestone
 date: 2025-07-03
-github-milestone: 'https://github.com/logos-messaging/pm/milestone/46'
+github: 'https://github.com/logos-messaging/pm/issues/395'
 ---

 > [!NOTE] This file will be renamed to `2026-messaging-api-developer-preview`

 # Messaging API — Developer Preview

-https://github.com/logos-messaging/pm/milestone/46
-
 **Estimated date of completion**: March 2026 (Testnet v0.1)

 **Resources Required for 2026H1**:
@@ -3,15 +3,13 @@ title: Chat — Foundations
 tags:
  - messaging-milestone
 date: 2025-06-24
-github-milestone: 'https://github.com/logos-messaging/pm/milestone/45'
+github: 'https://github.com/logos-messaging/pm/issues/407'
 ---

 > [!NOTE] This file will be renamed to `2026-chat-foundations`

 # Chat — Foundations

-https://github.com/logos-messaging/pm/milestone/45
-
 **Estimated date of completion**: March 2026 (Testnet v0.1)

 **Resources Required for 2026H1**:
@@ -3,13 +3,11 @@ title: Chat — Group Conversations
 tags:
  - messaging-milestone
 date: 2025-12-18
-github-milestone: 'https://github.com/logos-messaging/pm/milestone/50'
+github: 'https://github.com/logos-messaging/pm/issues/406'
 ---

 # Chat — Group Conversations

-https://github.com/logos-messaging/pm/milestone/50
-
 **Estimated date of completion**: Testnet v0.2

 **Resources Required for 2026H1**:
@@ -3,13 +3,11 @@ title: RLN on Logos Blockchain
 tags:
  - messaging-milestone
 date: 2026-02-01
-github-milestone: 'https://github.com/logos-messaging/pm/milestone/64'
+github-milestone: 'https://github.com/logos-messaging/pm/issues/401'
 ---

 # RLN on Logos Blockchain

-https://github.com/logos-messaging/pm/milestone/64
-
 **Estimated date of completion**: Testnet v0.3

 **Resources Required**:
@@ -3,10 +3,9 @@ title: Nimble Migration
 tags:
  - messaging-milestone
 date: 2026-01-15
+github: https://github.com/logos-messaging/pm/issues/400
 ---

-# Nimble Migration
-
 **Estimated date of completion**: Q2 2026

 **Resources Required**:
@@ -3,7 +3,7 @@ title: {Milestone Title - use verb}
 tags:
    - messaging-milestone
 date: {creation date}
-github-milestone: <Link to Github Milestone>
+github: <Link to Github Milestone/Issue>
 ---

 # {Milestone Title - use verb}
@@ -20,6 +20,7 @@ export const defaultContentPageLayout: PageLayout = {
    Component.ArticleTitle(),
    Component.ContentMeta(),
    Component.TagList(),
+    Component.GithubMilestone(),
  ],
  left: [
    Component.PageTitle(),
@@ -0,0 +1,56 @@
+import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
+
+function GithubMilestone({ fileData, displayClass }: QuartzComponentProps) {
+  const github = fileData.frontmatter?.github
+  if (!github) return null
+
+  return (
+    <div class={`github-milestone ${displayClass ?? ""}`}>
+      <a href={github} class="github-milestone-link" target="_blank" rel="noopener noreferrer">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 16 16"
+          width="16"
+          height="16"
+          aria-hidden="true"
+        >
+          <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z" />
+        </svg>
+        Open on GitHub
+      </a>
+    </div>
+  )
+}
+
+GithubMilestone.css = `
+.github-milestone {
+  margin: 0.5rem 0 1rem;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.github-milestone-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.25rem 0.6rem;
+  border-radius: 6px;
+  border: 1px solid var(--lightgray);
+  color: var(--gray);
+  font-size: 0.85em;
+  text-decoration: none;
+  transition: border-color 0.2s ease, color 0.2s ease;
+}
+
+.github-milestone-link:hover {
+  border-color: var(--secondary);
+  color: var(--secondary);
+}
+
+.github-milestone-link svg {
+  fill: currentColor;
+  flex-shrink: 0;
+}
+`
+
+export default (() => GithubMilestone) satisfies QuartzComponentConstructor
@@ -19,6 +19,7 @@ import DesktopOnly from "./DesktopOnly"
 import MobileOnly from "./MobileOnly"
 import RecentNotes from "./RecentNotes"
 import Breadcrumbs from "./Breadcrumbs"
+import GithubMilestone from "./GithubMilestone"

 export {
  ArticleTitle,
@@ -42,4 +43,5 @@ export {
  RecentNotes,
  NotFound,
  Breadcrumbs,
+  GithubMilestone,
 }