Merge pull request CodingCatDev#142 from CodingCatDev/bug/titles

Alex Patterson · web-flow · commit ee645ddf4453 · 2021-03-24T15:16:32.000-04:00
fixed titles to not be on the home page
diff --git a/frontend/main/src/components/PostsCards.tsx b/frontend/main/src/components/PostsCards.tsx
@@ -8,9 +8,6 @@ export default function PostsCards({ posts }: { posts: Post[] }): JSX.Element {
     <>
       {posts && posts.length > 0 ? (
         <div className="p-4 sm:p-10">
-          <h1 className="mb-4 text-5xl text-center lg:text-7xl">
-            {posts[0].type.charAt(0).toUpperCase() + posts[0].type.slice(1)}s
-          </h1>
           <section className="relative grid gap-4 grid-cols-fit sm:gap-10">
             {posts.map((post) => {
               return (
@@ -50,6 +47,13 @@ export default function PostsCards({ posts }: { posts: Post[] }): JSX.Element {
                           <div className="absolute flex items-center flex-auto w-full h-full rounded-t-md bg-primary-900 dark:bg-primary-900">
                             <AJPrimary className="w-full h-full p-4" />
                           </div>
+                          {post.type === 'course' ? (
+                            <p className="absolute px-4 py-2 rounded-full bg-secondary-600 dark:bg-secondary-600 -bottom-12 -right-8 text-basics-50 dark:text-basics-50">
+                              Start now
+                            </p>
+                          ) : (
+                            <></>
+                          )}
                         </div>
                       )}
                     </a>
diff --git a/frontend/main/src/pages/blog.tsx b/frontend/main/src/pages/blog.tsx
@@ -19,7 +19,12 @@ export default function Blog({
         title="Blog | CodingCatDev"
         canonical={`https://codingcat.dev/blog/`}
       ></NextSeo>
-      <PostsCards posts={posts} />
+      <div className="p-4 sm:p-10">
+        <h1 className="mb-4 text-5xl text-center lg:text-7xl">
+          {posts[0].type.charAt(0).toUpperCase() + posts[0].type.slice(1)}s
+        </h1>
+        <PostsCards posts={posts} />
+      </div>
     </Layout>
   );
 }
diff --git a/frontend/main/src/pages/courses.tsx b/frontend/main/src/pages/courses.tsx
@@ -20,7 +20,12 @@ export default function Courses({
         canonical={`https://codingcat.dev/courses/`}
       ></NextSeo>
 
-      <PostsCards posts={posts} />
+      <div className="p-4 sm:p-10">
+        <h1 className="mb-4 text-5xl text-center lg:text-7xl">
+          {posts[0].type.charAt(0).toUpperCase() + posts[0].type.slice(1)}s
+        </h1>
+        <PostsCards posts={posts} />
+      </div>
     </Layout>
   );
 }
diff --git a/frontend/main/src/pages/podcasts.tsx b/frontend/main/src/pages/podcasts.tsx
@@ -20,7 +20,12 @@ export default function Blog({
         canonical={`https://codingcat.dev/podcasts/`}
       ></NextSeo>
 
-      <PostsCards posts={posts} />
+      <div className="p-4 sm:p-10">
+        <h1 className="mb-4 text-5xl text-center lg:text-7xl">
+          {posts[0].type.charAt(0).toUpperCase() + posts[0].type.slice(1)}s
+        </h1>
+        <PostsCards posts={posts} />
+      </div>
     </Layout>
   );
 }
diff --git a/frontend/main/src/pages/tutorials.tsx b/frontend/main/src/pages/tutorials.tsx
@@ -20,7 +20,12 @@ export default function Tutorials({
         canonical={`https://codingcat.dev/tutorials/`}
       ></NextSeo>
 
-      <PostsCards posts={posts} />
+      <div className="p-4 sm:p-10">
+        <h1 className="mb-4 text-5xl text-center lg:text-7xl">
+          {posts[0].type.charAt(0).toUpperCase() + posts[0].type.slice(1)}s
+        </h1>
+        <PostsCards posts={posts} />
+      </div>
     </Layout>
   );
 }
