-
Notifications
You must be signed in to change notification settings - Fork 10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
dynamic Article page created #28
Conversation
Added Assets template to load static banner in templates, static folder is not the correct way to do it |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work on this. We will likely also need a similar approach for the profile page, but I can handle it through these snippets.
import ArticleThumbnail from '../components/ArticleThumbnail'; | ||
import FeaturedArticle from '../components/FeaturedArticle'; | ||
import NewsCarousel from '../components/NewsCarousel'; | ||
const marked = require("marked"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's maintain a consistent import statement.
import marked from 'marked'
@@ -1,6 +1,7 @@ | |||
import React, { Component } from 'react'; | |||
import { Link } from 'gatsby'; | |||
import AccountDropdown from './AccountDropdown'; | |||
import logo from '../assets/banner.png'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Might introduce some merge conflicts with currently in-development features, but it's the correct way of handling it
@@ -25,5 +25,13 @@ html { | |||
@apply flex-grow | |||
} | |||
|
|||
.article-content { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We need a consistent way of handling stylesheets, there are currently two separate ones for no specific reasons. I would say that we can either build a proper component stylesheet that is reused consistently across the page, or we continue with inline styling like most of the components have so far. This might interest also @Bruck1701.
Let me know what you guys think!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Totally agree that we should try to keep everything as consistent as possible!
Even though I used inline styling, I think it would be better to have a component stylesheet.
Inline styling can make it harder to change the code uniformly later, right?
@@ -1,14 +1,15 @@ | |||
import React from 'react'; | |||
import { Link } from 'gatsby'; | |||
import { FaTwitter, FaDiscord, FaGithub, FaLinkedin } from 'react-icons/fa'; | |||
import logo from '../assets/banner.png'; | |||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
See Header's comment.
}) | ||
}) | ||
// highlight-end | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Damn, I absolutely hate when APIs mix requires and imports.
I just realized you have been developing this from the |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It was decided that the article pages will be posted on hashnode
Pull request checklist
Please check if your PR fulfills the following requirements:
npm run build
) was run locally and any changes were pushedPull request type
Please check the type of change your PR introduces:
What is the current behavior?
Issue Number: #8
What is the new behavior?
Added dynamic article page that load mocked data from gatsby-node.js
-
Does this introduce a breaking change?
Other information