clean up rss feed query and allow capitalized publish tag

Author: dwwoelfel

src/App.js

@@ -134,7 +134,7 @@ const PostRoot = ({
   }
   const post = idx(props, _ => _.gitHub.repository.issue);
   const labels = idx(post, _ => _.labels.nodes) || [];
-  if (!post || !labels.map(l => l.name).includes('publish')) {
+  if (!post || !labels.map(l => l.name.toLowerCase()).includes('publish')) {
     return <ErrorBox error={new Error('Missing post.')} />;
   } else {
     return (

src/Post.js

@@ -25,7 +25,7 @@ import {lowerCase, sentenceCase} from 'change-case';
 import type {Post_post} from './__generated__/Post_post.graphql';
 
 // n.b. no accessToken in the persistedQueryConfiguration for these mutations,
-// because we want to add reactions on behalf of the logged-in user, not the 
+// because we want to add reactions on behalf of the logged-in user, not the
 // persisted auth
 const addReactionMutation = graphql`
   mutation Post_AddReactionMutation($input: GitHubAddReactionInput!)
@@ -344,6 +344,19 @@ export const ReactionBar = ({
   );
 };
 
+export function postUrl({
+  post,
+  viewComments,
+}: {
+  post: {
+    +number: number,
+    +repository: {+owner: {+login: string}, +name: string},
+  },
+  viewComments?: boolean,
+}) {
+  return `/post/${post.number}${viewComments ? '#comments' : ''}`;
+}
+
 const Post = ({relay, post}: Props) => {
   const {error: notifyError} = React.useContext(NotificationContext);
   const [showReactionPopover, setShowReactionPopover] = React.useState(false);
@@ -360,7 +373,7 @@ const Post = ({relay, post}: Props) => {
         <Heading level={3} margin="none">
           <Link
             style={{color: 'inherit'}}
-            to={`/post/${post.number}`}
+            to={postUrl({post})}
             onMouseOver={() =>
               fetchQuery(relay.environment, postRootQuery, {
                 issueNumber: post.number,
@@ -375,7 +388,7 @@ const Post = ({relay, post}: Props) => {
             {formatDate(new Date(post.createdAt), 'MMM do, yyyy')}
           </Text>
           <Text size="xsmall">
-            <Link to={`/post/${post.number}#comments`}>view comments</Link>
+            <Link to={postUrl({post, viewComments: true})}>view comments</Link>
           </Text>
         </Box>
         <Text size="small">
@@ -449,6 +462,13 @@ export default createFragmentContainer(Post, {
       commentsCount: comments {
         totalCount
       }
+      repository {
+        name
+        owner {
+          login
+          avatarUrl(size: 192)
+        }
+      }
     }
   `,
 });

src/Posts.js

@@ -81,7 +81,7 @@ export default createPaginationContainer(
           first: $count
           after: $cursor
           orderBy: $orderBy
-          labels: ["publish"]
+          labels: ["publish", "Publish"]
         ) @connection(key: "Posts_posts_issues") {
           edges {
             node {

src/RssFeed.js

@@ -9,16 +9,17 @@ import {fetchQuery} from 'react-relay';
 import type {RssFeed_QueryResponse} from './__generated__/RssFeed_Query.graphql';
 
 const feedQuery = graphql`
-  query RssFeed_Query
+  query RssFeed_Query($repoOwner: String!, $repoName: String!)
     @persistedQueryConfiguration(
       accessToken: {environmentVariable: "OG_GITHUB_TOKEN"}
+      fixedVariables: {environmentVariable: "REPOSITORY_FIXED_VARIABLES"}
     ) {
     gitHub {
-      repository(name: "onegraph-changelog", owner: "onegraph") {
+      repository(name: $repoName, owner: $repoOwner) {
         issues(
           first: 20
           orderBy: {direction: DESC, field: CREATED_AT}
-          labels: ["publish"]
+          labels: ["publish", "Publish"]
         ) {
           nodes {
             id
@@ -40,6 +41,7 @@ const feedQuery = graphql`
   }
 `;
 
+// TODO: make these fields configurable
 export async function buildFeed() {
   const data: RssFeed_QueryResponse = await fetchQuery(
     environment,