documentation/src/components/CommunityFeeds.tsx at 18e6b0727eeed5565227dab92ea6e9fde9654b75 · repires/documentation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
import React from "react";
import Layout from "@theme/Layout";
import FeedItems from "../components/FeedItems";
import PackageSummary from "../components/PackageSummary";
import styles from "./CommunityFeeds.module.css";

const CommunityFeeds: React.FC = () => {
  return (
    <Layout
      title="Changelogs and Feeds"
      description="Stay up to date with Bluefin releases, discussions, and announcements. Stay frosty."
    >
      <div className="container margin-vert--lg">
        <div className={styles.header}>
          <h1>Changelogs and Feeds</h1>
          <p>
            Stay up to date with the latest Bluefin releases. Looking for project activity and
            development progress? Check out our{" "}
            <a href="/reports">Monthly Reports</a> for summaries of completed
            work from{" "}
            <a href="https://todo.projectbluefin.io">todo.projectbluefin.io</a>. Stay frosty.
          </p>
        </div>

        {/* Package Summary Boxes */}
        <div className={styles.packageSummaryGrid}>
          <PackageSummary feedKey="bluefinLtsReleases" title="Bluefin LTS" />
          <PackageSummary
            feedKey="bluefinReleases"
            title="Bluefin GTS"
            filter={(item) => item.title.startsWith("gts-")}
          />
          <PackageSummary
            feedKey="bluefinReleases"
            title="Bluefin"
            filter={(item) => item.title.startsWith("stable-")}
          />
        </div>

        <div className={styles.feedGrid}>
          <div className={styles.feedColumn}>
            <FeedItems
              feedId="bluefinLtsReleases"
              title="Bluefin LTS"
              maxItems={10}
              showDescription={false}
            />
            <p className={styles.sectionByline}>
              <em>Achillobator giganticus</em>
            </p>
          </div>
          <div className={styles.feedColumn}>
            <FeedItems
              feedId="bluefinReleases"
              title="Bluefin GTS"
              maxItems={10}
              showDescription={false}
              filter={(item) => item.title.startsWith("gts-")}
            />
            <p className={styles.sectionByline}>
              <em>Deinonychus antirrhopus</em>
            </p>
          </div>
          <div className={styles.feedColumn}>
            <FeedItems
              feedId="bluefinReleases"
              title="Bluefin"
              maxItems={10}
              showDescription={false}
              filter={(item) => item.title.startsWith("stable-")}
            />
            <p className={styles.sectionByline}>
              <em>Utahraptor ostrommaysi</em>
            </p>
          </div>
        </div>

        <div className={styles.additionalFeedsGrid}>
          <div className={styles.feedColumn}>
            <FeedItems
              feedId="bluefinDiscussions"
              title="Community Discussions"
              maxItems={5}
              showDescription={false}
            />
          </div>
          <div className={styles.feedColumn}>
            <FeedItems
              feedId="bluefinAnnouncements"
              title="Announcements"
              maxItems={3}
              showDescription={false}
            />
          </div>
        </div>

        <div className={styles.additionalLinks}>
          <h2>Additional Feeds</h2>
          <div className={styles.linkGrid}>
            <a
              href="https://docs.projectbluefin.io/blog/rss.xml"
              className={styles.resourceLink}
            >
              <strong>Blog RSS Feed</strong>
              <span>Subscribe to official blog posts and announcements</span>
            </a>
            <a
              href="https://github.com/ublue-os/bluefin/releases.atom"
              className={styles.resourceLink}
            >
              <strong>Releases Feed</strong>
              <span>Direct feed for Bluefin releases</span>
            </a>
            <a
              href="https://github.com/ublue-os/bluefin-lts/releases.atom"
              className={styles.resourceLink}
            >
              <strong>LTS Releases Feed</strong>
              <span>Direct feed for Bluefin LTS releases</span>
            </a>
            <a
              href="https://github.com/ublue-os/bluefin/discussions.atom"
              className={styles.resourceLink}
            >
              <strong>Discussions Feed</strong>
              <span>Community discussions and support topics</span>
            </a>
          </div>
        </div>
      </div>
    </Layout>
  );
};

export default CommunityFeeds;