From c6878c9126cc641dde8131d57cdf2962e2b695cc Mon Sep 17 00:00:00 2001
From: jackyef <jacky.efendi1@gmail.com>
Date: Sun, 21 Aug 2022 16:35:01 +0700
Subject: [PATCH] Update the UI a little bit

---
 src/components/Footer/index.tsx               |  4 +++
 src/pages/thoughts/index.tsx                  | 27 ++++++++++++++-----
 .../index.mdx                                 |  2 +-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 3f5a0fbb..d21b62ff 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -57,6 +57,10 @@ const FOOTER_LINKS: FooterSection[] = [
         label: 'Uses',
         href: '/uses',
       },
+      {
+        label: 'Thoughts',
+        href: '/thoughts',
+      },
     ],
   },
   {
diff --git a/src/pages/thoughts/index.tsx b/src/pages/thoughts/index.tsx
index 87efe820..46d041e5 100644
--- a/src/pages/thoughts/index.tsx
+++ b/src/pages/thoughts/index.tsx
@@ -12,6 +12,7 @@ import { Paragraph } from '@/components/Typography/Paragraph';
 import { SectionTitle } from '@/components/Typography/SectionTitle';
 import { SkipSSR } from '@/components/SkipSSR';
 import { getAllThoughtPages } from '@/blog/getAllThoughtPages';
+import { LightButton } from '@/components/common/Button/LightButton';
 
 import { getRelativeTimeFromNow } from '@/utils/datetime/getRelativeTime';
 
@@ -42,12 +43,7 @@ const ThoughtsIndexPage: NextPage<Props> = ({ thoughts }) => {
         when I felt like I was getting asked similar questions quite often.
         Instead of answering them with a similar answer everytime, why not
         compile them at one place so they can be easily discoverable and
-        shareable? It&apos;s kinda like{' '}
-        <ExternalLink href="https://reactjs.org/docs/error-decoder.html/?invariant=425">
-          React error page
-        </ExternalLink>
-        , where you can find answer for specific invariant error code, but for
-        topics instead!
+        shareable?
       </Paragraph>
 
       <Paragraph></Paragraph>
@@ -69,6 +65,25 @@ const ThoughtsIndexPage: NextPage<Props> = ({ thoughts }) => {
         </Paragraph>
       </Panel>
 
+      <Panel
+        type="primary"
+        title="Got topics you would like to hear my thought of?"
+      >
+        <Paragraph className="text-inherit">
+          If you have some topics you would like to hear my thoughts of, feel
+          free to submit an issue on the GitHub repository!
+        </Paragraph>
+
+        <div className="mx-auto mb-4">
+          <ExternalLink
+            isNotFancy
+            href="https://github.com/jackyef/my-site/issues/new"
+          >
+            <LightButton variant="primary">Submit an issue</LightButton>
+          </ExternalLink>
+        </div>
+      </Panel>
+
       <HorizontalDivider />
 
       <SectionTitle>Topics</SectionTitle>
diff --git a/src/pages/thoughts/maximizing-chance-of-getting-a-job-offer/index.mdx b/src/pages/thoughts/maximizing-chance-of-getting-a-job-offer/index.mdx
index a83e6040..907c53c6 100644
--- a/src/pages/thoughts/maximizing-chance-of-getting-a-job-offer/index.mdx
+++ b/src/pages/thoughts/maximizing-chance-of-getting-a-job-offer/index.mdx
@@ -32,7 +32,7 @@ to try understanding this process from the perspective of the employer, so
 that's what I am going to talk about here.
 
 In general, companies are hiring because they need people to contribute to their
-company. If it sounds obvious, because it is! Contributing comes in many forms,
+company. If it sounds obvious, that's because it is! Contributing comes in many forms,
 depending on the company and the expectation of the job. To simplify, let's just
 say contributing basically means providing values to the company. So
 essentially, when a company is hiring, they are looking for people who they