From 46d8a184417f063e2da106f20ebb7df98c1adfd1 Mon Sep 17 00:00:00 2001
From: Thomas Davis <thomasalwyndavis@gmail.com>
Date: Tue, 20 Feb 2024 21:47:35 +1100
Subject: [PATCH] responsivess fixes and more

---
 apps/registry/pages/api/suggestions.js |  4 +++-
 apps/registry/pages/jobs.js            |  9 ++++++---
 apps/registry/pages/letter.js          |  4 ++--
 apps/registry/pages/suggestions.js     | 12 ++----------
 apps/registry/src/ui/Layout.js         | 13 +++++--------
 5 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/apps/registry/pages/api/suggestions.js b/apps/registry/pages/api/suggestions.js
index 9f1118fe..cb60b71a 100644
--- a/apps/registry/pages/api/suggestions.js
+++ b/apps/registry/pages/api/suggestions.js
@@ -19,9 +19,9 @@ export default async function handler(req, res) {
 
   const api = new ChatGPTAPI({
     apiKey: process.env.OPENAI_API_KEY,
+    model: 'gpt-3.5-32k-turbo',
     completionParams: {
       temperature: 0.9,
-      top_p: 0.8,
     },
   });
 
@@ -36,6 +36,8 @@ export default async function handler(req, res) {
   - Better ways of saying things
   - Jobs and skills that I could have described better
 
+  Format your answer in markdown
+
   Do not give general tips. Be as specific about my actual resume as possible.
   
   Focus on ${focus}
diff --git a/apps/registry/pages/jobs.js b/apps/registry/pages/jobs.js
index b879cc85..971736c1 100644
--- a/apps/registry/pages/jobs.js
+++ b/apps/registry/pages/jobs.js
@@ -7,8 +7,6 @@ import Link from 'next/link';
 
 const MessagesContainer = styled.div`
   background: #fbfbfb;
-  max-width: 600px;
-  padding: 90px 30px;
   width: 100%;
   height: calc(100vh - 170px);
 `;
@@ -25,7 +23,12 @@ const Message = styled.div`
   margin-bottom: 10px;
 `;
 
-export default function Talk() {
+/*
+ - only show last 3 months of jobs
+ - show similarity score
+*/
+
+export default function Jobs() {
   const router = useRouter();
   const parts = router.asPath.split('/');
   const username = parts[1];
diff --git a/apps/registry/pages/letter.js b/apps/registry/pages/letter.js
index ee3d0b69..8628673f 100644
--- a/apps/registry/pages/letter.js
+++ b/apps/registry/pages/letter.js
@@ -17,11 +17,11 @@ import ButtonGroup from '../src/ui/ButtonGroup';
 */
 
 const JobDescription = styled.textarea`
-  width: calc(100% - 30px);
+  width: calc(100% - 50px);
   height: 100px;
   border: 1px solid #ccc;
   border-radius: 5px;
-  padding: 10px;
+  padding: 20px;
   font-size: 14px;
   margin-bottom: 20px;
 `;
diff --git a/apps/registry/pages/suggestions.js b/apps/registry/pages/suggestions.js
index 0567c7d9..e3a76fd9 100644
--- a/apps/registry/pages/suggestions.js
+++ b/apps/registry/pages/suggestions.js
@@ -8,6 +8,7 @@ import Label from '../src/ui/Label';
 import ButtonGroup from '../src/ui/ButtonGroup';
 import Dropdown from '../src/ui/Dropdown';
 import Button from '../src/ui/Button';
+import ReactMarkdown from 'react-markdown';
 
 const Paper = styled.div`
   border: 1px solid #ccc;
@@ -81,16 +82,7 @@ export default function Suggestions() {
       <br />
       {!submitting && suggestions && (
         <Paper>
-          <pre
-            style={{
-              'white-space': 'pre-wrap',
-              width: '60%',
-              margin: 'auto',
-              'margin-top': '100px',
-            }}
-          >
-            {suggestions}
-          </pre>
+          <ReactMarkdown>{suggestions}</ReactMarkdown>
         </Paper>
       )}
     </Layout>
diff --git a/apps/registry/src/ui/Layout.js b/apps/registry/src/ui/Layout.js
index c59b3b2e..3f7d778c 100644
--- a/apps/registry/src/ui/Layout.js
+++ b/apps/registry/src/ui/Layout.js
@@ -3,15 +3,11 @@ import Link from 'next/link';
 import { useRouter } from 'next/router';
 import styled from 'styled-components';
 
-const Container = styled.div`
-  height: 100vh;
-  width: 100vw;
-  display: flex;
-  flex-direction: column;
-`;
+const Container = styled.div``;
 
 const HeaderContainer = styled.div`
   max-width: 800px;
+  width: 100%;
   margin: auto;
   display: flex;
   flex-direction: row;
@@ -26,7 +22,7 @@ const Header = styled.div`
   position: fixed;
   left: 0;
   top: 0;
-  width: 100vw;
+  width: 100%;
   height: 40px;
   font-weight: 500;
 `;
@@ -49,6 +45,7 @@ const Logo = styled.a`
 const Links = styled.div`
   width: 300px;
   display: flex;
+  margin-right: 20px;
   justify-content: space-between;
   a {
     text-decoration: none;
@@ -61,9 +58,9 @@ const Links = styled.div`
 
 const Content = styled.div`
   max-width: 800px;
-  min-width: 800px;
   margin: auto;
   margin-top: 80px;
+  padding: 20px;
 `;
 
 export default function Layout({ children }) {