kjannette/kongruity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
KS Jannette
2026-02-13 16:43:00 -05:00
parent 091315c188
commit 61835ae3aa
6 changed files with 81 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
backend/services/clustering.service.js
View File

@@ -33,11 +33,11 @@ ${notesJson}`;
export const clusterNotes = async (notes) => { export const clusterNotes = async (notes) => {
const response = await client.messages.create({ const response = await client.messages.create({
model: "claude-sonnet-4-20250514", model: "claude-sonnet-4-20250514",
max_tokens: 4096, max_tokens: 4096,
messages: [ messages: [
{ role: "user", content: buildPrompt(notes) }, { role: "user", content: buildPrompt(notes) },
], ],
}); });
const textBlock = response?.content?.[0]; const textBlock = response?.content?.[0];

6
frontend/src/components/button.tsx
View File

@@ -8,9 +8,9 @@ type ButtonProps = {
const Button = ({ onClick, isLoading, label }: ButtonProps) => { const Button = ({ onClick, isLoading, label }: ButtonProps) => {
return ( return (
<button className="primaryButton" onClick={onClick} disabled={isLoading}> <button className="primaryButton" onClick={onClick} disabled={isLoading}>
{isLoading ? 'Working...' : label} {isLoading ? 'Working...' : label}
</button> </button>
); );
}; };

18
frontend/src/components/navbar.tsx
View File

@@ -1,14 +1,14 @@
const Navbar = () => { const Navbar = () => {
return ( return (
<div className="main-head-box"> <div className="main-head-box">
<div className="main-head-subbox-left"> <div className="main-head-subbox-left">
<h1 className="main-head">kongruity</h1> <h1 className="main-head">kongruity</h1>
</div>
<div className="main-head-subbox-right">
<span className="material-symbols-outlined">recenter</span>
</div>
</div> </div>
) <div className="main-head-subbox-right">
<span className="material-symbols-outlined">recenter</span>
</div>
</div>
)
} }
export default Navbar; export default Navbar;

1
frontend/src/components/stickies.tsx
View File

@@ -7,7 +7,6 @@ import '../styles/stickies.css';
const Stickies = () => { const Stickies = () => {
const { data: stickies, isLoading, error } = useGetStickies(); const { data: stickies, isLoading, error } = useGetStickies();
const { mutate: cluster, data: clusters, isPending } = useClusterStickies(); const { mutate: cluster, data: clusters, isPending } = useClusterStickies();
console.log('data, error', stickies, error)
if (isLoading) return <div>Loading...</div>; if (isLoading) return <div>Loading...</div>;
if (error) return <div>Error: {error.message}</div>; if (error) return <div>Error: {error.message}</div>;

16
frontend/src/pages/Home.tsx
View File

@@ -3,16 +3,12 @@ import Navbar from '../components/navbar'
import '../styles/home.css' import '../styles/home.css'
const Home = () => { const Home = () => {
return ( return (
<div> <div>
<Navbar />
<Navbar /> <Stickies />
</div>
);
<Stickies />
</div>
);
}; };
export default Home; export default Home;

113
frontend/src/styles/home.css
View File

@@ -1,74 +1,73 @@
.main-head-box { .main-head-box {
border-radius: 8px; border-radius: 8px;
border: 1px solid #6dd6f4; border: 1px solid #6dd6f4;
background-color: rgb(92, 0, 91); background-color: rgb(92, 0, 91);
display: flex; display: flex;
} }
.main-head-subbox-right {
display: flex;
justify-content: flex-end;
margin-right: 34px;
width: 50%;
}
.main-head-subbox-left {
display: flex;
justify-content: flex-start;
margin-left: 34px;
width: 50%;
}
.main-head {
font-size: 5rem;
color: #6dd6f4;
margin: 6px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif;
font-weight: 500;
letter-spacing: 4px;
text-decoration: underline;
}
.material-symbols-outlined {
margin: 13px 74px 0px 0px;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
@media screen and (max-width: 478px) {
.main-head-subbox-right { .main-head-subbox-right {
display: flex; display: none;
justify-content: flex-end;
margin-right: 34px;
width: 50%;
} }
.main-head-subbox-left { .main-head-subbox-left {
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
margin-left: 34px; margin-left: auto;
width: 50%; margin-right: auto;
width: 100%;
} }
.main-head { .main-head {
font-size: 5rem; font-size: 4rem;
color: #6dd6f4; color: #6dd6f4;
margin: 6px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif; font-family: "Sulphur Point", sans-serif;
font-weight: 500; display: flex;
letter-spacing: 4px; justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline; text-decoration: underline;
} }
.material-symbols-outlined { .material-symbols-outlined {
margin: 13px 74px 0px 0px; display: none !important;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24
}
@media screen and (max-width: 478px) {
.main-head-subbox-right {
display: none;
}
.main-head-subbox-left {
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.main-head {
font-size: 4rem;
color: #6dd6f4;
font-family: "Sulphur Point", sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline;
}
.material-symbols-outlined {
display: none !important;
}
} }
}