remove console.logs, and add images for new courses (#764)

packages/website/content/courses.yml

@@ -17,9 +17,9 @@ courses:
     visibleInTopNav: false
     visibleInCourseIndex: false
     visibleInCoursePage: true
-    squareImage: /ts-fundamentals-v3.png
-    facebookImage: /fb-ts-fundamentals-v3.png
-    twitterImage: /tw-ts-fundamentals-v3.png
+    squareImage: /ts-fundamentals-v4.png
+    facebookImage: /fb-ts-fundamentals-v4.png
+    twitterImage: /tw-ts-fundamentals-v4.png
     femCourseUrl: https://frontendmasters.com/courses/typescript-v4/
     femCoursePublished: false
     femWorkshopUrl: https://frontendmasters.com/workshops/typescript-v4/
@@ -83,9 +83,9 @@ courses:
       type-checked code bases that are shockingly easy to refactor and maintain.
   - name: "Intermediate TypeScript"
     id: intermediate-v2
-    squareImage: /intermediate-ts.png
-    facebookImage: /fb-intermediate-ts.png
-    twitterImage: /tw-intermediate-ts.png
+    squareImage: /intermediate-ts-v2.png
+    facebookImage: /fb-intermediate-ts-v2.png
+    twitterImage: /tw-intermediate-ts-v2.png
     femCourseUrl: https://frontendmasters.com/courses/intermediate-typescript-v2/
     femCoursePublished: false
     femWorkshopUrl: https://frontendmasters.com/workshops/intermediate-typescript-v2/

packages/website/gatsby-node.js

@@ -40,7 +40,7 @@ exports.createPages = async ({ graphql, actions }) => {
   );
   const { courses } = ymlDoc;
   courses.forEach((element) => {
-    console.log(`Creating page: ${JSON.stringify(element)}`);
+    console.log(`Creating page: ${element.id}`);
     createPage({
       path: `/course/${element.id}`,
       component: require.resolve('./src/templates/course-page.tsx'),
@@ -134,7 +134,6 @@ exports.createPages = async ({ graphql, actions }) => {
  * @type {import('gatsby').GatsbyNode<any, any>['onCreateNode']}
  */
 exports.onCreateNode = ({ node, actions, getNode }) => {
-  // console.log(`Node created of type "${node.internal.type}"`);
 
   const { createNodeField } = actions;
 

packages/website/src/components/course-layout.tsx

@@ -13,11 +13,9 @@ interface ICourseLayoutProps {
 
 const CourseLayout: React.FunctionComponent<ICourseLayoutProps> = ({
   courses,
-  courseGroups,
   children,
   padTop
 }) => {
-  console.log({ courses, courseGroups })
   const header = (
     <ul className={padTop ? "course-tabs pad-top" : "course-tabs"}>
       {courses.filter(c => c.visibleInTopNav).map((c) => (

packages/website/src/templates/blog-post.tsx

@@ -65,7 +65,6 @@ const BlogPostTemplate: React.FunctionComponent<IBlogPostTemplateProps> = ({
   useEffect(setupTwoslashHovers, []);
 
   const postHtml = makeHTMLAdjustments(post.html);
-  console.log(post);
   const course = data.site.siteMetadata.courses.find(
     (c) => c.id === post.frontmatter.course,
   );

packages/website/src/templates/course-page.tsx

@@ -67,12 +67,12 @@ const CoursePageTemplate: React.FunctionComponent<
   ICourseTemplateProps
 > = ({ pageContext: course, data }): JSX.Element => {
   if (!course) throw new Error('no course');
-  console.log({ course })
+
   const { courses, courseGroups } = data.site.siteMetadata;
   const posts = data.allMarkdownRemark.edges;
   let urlBanner: JSX.Element | null = null;
   const { femCoursePublished, femCourseUrl, femWorkshopPublished, femWorkshopUrl } = course;
-  console.log({ femCourseUrl });
+
   if (femCourseUrl) {
     if (femCoursePublished) {
       urlBanner = (

packages/website/src/utils/setup-two-slash.ts

@@ -44,7 +44,6 @@ const getRootRect = (element: HTMLElement): DOMRect => {
 const setupTwoslashHovers = (): void => {
   // prettier-ignore
   const twoslashes = document.querySelectorAll('.shiki.twoslash')
-  console.log(twoslashes);
   // Gets triggered on the spans inside the codeblocks
   const hover = (event: Event) => {
     const hovered = event.target as HTMLElement;