From 48c387b0ad39a82a6ecfbc65ba1f10370b594cd2 Mon Sep 17 00:00:00 2001
From: Zak Mandhro <zak.mandhro@gmail.com>
Date: Sun, 24 Apr 2022 15:21:50 -0700
Subject: [PATCH 1/3] Change order to show jobs first

---
 web/src/pages/Jobs/JobsPage/JobsPage.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/pages/Jobs/JobsPage/JobsPage.tsx b/web/src/pages/Jobs/JobsPage/JobsPage.tsx
index 2de9ca90..35cd6634 100644
--- a/web/src/pages/Jobs/JobsPage/JobsPage.tsx
+++ b/web/src/pages/Jobs/JobsPage/JobsPage.tsx
@@ -11,39 +11,39 @@ export default function () {
         description="Want to get paid to write RedwoodJS?"
       />
 
-      <section className="mx-auto mt-12 sm:mt-36 max-w-screen-lg">
+      <section className="mx-auto mt-12 max-w-screen-lg sm:mt-36">
         <header className="text-center">
-          <h1 className="mt-12 font-serif">RedwoodJS Developers</h1>
+          <h1 className="font-serif font-bold">RedwoodJS Jobs</h1>
           <p className="mt-2 text-lg text-gray-500">
-            Experienced RedwoodJS devs looking for their next role
+            Companies looking for RedwoodJS devs
           </p>
         </header>
 
         <div className="mt-4 flex justify-center">
-          <Link to={routes.newJobProfile()} className="button-sm">
-            Create Profile
+          <Link to={routes.newJob()} className="button-sm">
+            Post a Job
           </Link>
         </div>
         <div className="mt-8">
-          <JobProfilesCell limit={5} showAll={true} />
+          <JobsCell limit={5} showAll={true} />
         </div>
       </section>
 
       <section className="mx-auto mt-24 mb-24 max-w-screen-lg">
         <header className="text-center">
-          <h1 className="font-serif font-bold">RedwoodJS Jobs</h1>
+          <h1 className="mt-12 font-serif">RedwoodJS Developers</h1>
           <p className="mt-2 text-lg text-gray-500">
-            Companies looking for RedwoodJS devs
+            Experienced RedwoodJS devs looking for their next role
           </p>
         </header>
 
         <div className="mt-4 flex justify-center">
-          <Link to={routes.newJob()} className="button-sm">
-            Post a Job
+          <Link to={routes.newJobProfile()} className="button-sm">
+            Create Profile
           </Link>
         </div>
         <div className="mt-8">
-          <JobsCell limit={5} showAll={true} />
+          <JobProfilesCell limit={5} showAll={true} />
         </div>
       </section>
     </>

From 3c864a3d3e44f5a0ab8744082fddc724ec985820 Mon Sep 17 00:00:00 2001
From: Zak Mandhro <zak.mandhro@gmail.com>
Date: Sun, 24 Apr 2022 15:35:29 -0700
Subject: [PATCH 2/3] fix job profile url overflow

---
 .../Jobs/JobProfileDisplay/JobProfileDisplay.tsx   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Jobs/JobProfileDisplay/JobProfileDisplay.tsx b/web/src/components/Jobs/JobProfileDisplay/JobProfileDisplay.tsx
index 9c2480c2..aaf78aef 100644
--- a/web/src/components/Jobs/JobProfileDisplay/JobProfileDisplay.tsx
+++ b/web/src/components/Jobs/JobProfileDisplay/JobProfileDisplay.tsx
@@ -9,6 +9,16 @@ const JobProfileDisplay = ({ profile }) => {
     return null
   }
 
+  const hostname = (url) => {
+    // try to get the hostname from the url
+    // if it's not a valid url, return url as is
+    try {
+      return new URL(profile.portfolioUrl).hostname
+    } catch (e) {
+      return url
+    }
+  }
+
   return (
     <JobDetailLayout
       title={
@@ -43,9 +53,7 @@ const JobProfileDisplay = ({ profile }) => {
             Portfolio/Profile
           </h3>
           <div className="mt-2 text-center">
-            <a href={profile.portfolioUrl} className="">
-              {profile.portfolioUrl}
-            </a>
+            <a href={profile.portfolioUrl}>{hostname(profile.portfolioUrl)}</a>
           </div>
         </div>
         <div className="py-8 px-12 md:w-1/3">

From 4ce5cf84ffd46665281ffc2f02330dc08c3f5363 Mon Sep 17 00:00:00 2001
From: Zak Mandhro <zak.mandhro@gmail.com>
Date: Sun, 24 Apr 2022 15:35:46 -0700
Subject: [PATCH 3/3] Fix storybook error for name mismatch

---
 .../components/FinalCTASection/FinalCTASection.stories.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/FinalCTASection/FinalCTASection.stories.tsx b/web/src/components/FinalCTASection/FinalCTASection.stories.tsx
index 08487147..b7520923 100644
--- a/web/src/components/FinalCTASection/FinalCTASection.stories.tsx
+++ b/web/src/components/FinalCTASection/FinalCTASection.stories.tsx
@@ -1,7 +1,7 @@
-import FinalCtaSection from './FinalCtaSection'
+import FinalCTASection from './FinalCTASection'
 
 export const generated = () => {
-  return <FinalCtaSection />
+  return <FinalCTASection />
 }
 
-export default { title: 'Components/FinalCtaSection' }
+export default { title: 'Components/FinalCTASection' }