Merge pull request #2 from kjannette/cleanup

Cleanup
2026-02-11 19:30:25 -05:00
parent 04cab5e080 079ee7caf3
commit 5686882660
16 changed files with 68 additions and 32 deletions
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -1,11 +1,11 @@
 {
-    "name": "resias-backend",
+    "name": "congruity-backend",
    "version": "0.1.0",
    "lockfileVersion": 3,
    "requires": true,
    "packages": {
        "": {
-            "name": "resias-backend",
+            "name": "congruity-backend",
            "version": "0.1.0",
            "dependencies": {
                "@anthropic-ai/sdk": "^0.74.0",
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,7 +1,7 @@
 {
-    "name": "resias-backend",
+    "name": "congruity-backend",
    "version": "0.1.0",
-    "description": "Resias AI clustering feature - backend for ProjectPilot",
+    "description": "congruity AI clustering feature - backend for ProjectPilot",
    "type": "module",
    "main": "server.js",
    "scripts": {
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Resias</title>
+    <title>kohngrüti app</title>
  </head>
  <body>
    <div id="root"></div>
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "resias-frontend",
+  "name": "congruity-frontend",
  "version": "0.1.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
-      "name": "resias-frontend",
+      "name": "congruity-frontend",
      "version": "0.1.0",
      "dependencies": {
        "@tanstack/react-query": "^5.90.21",
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "resias-frontend",
+  "name": "congruity-frontend",
  "private": true,
  "version": "0.1.0",
  "type": "module",
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,6 +1,6 @@
 import { Routes, Route, Navigate } from 'react-router-dom';
 import Home from './pages/Home';
-import './App.css'
+import './styles/App.css'

 function App() {
  return (
--- a/frontend/src/components/button.tsx
+++ b/frontend/src/components/button.tsx
@@ -1,14 +1,17 @@
-type ClusterButtonProps = {
+import '../styles/button.css';
+
+type ButtonProps = {
  onClick: () => void;
  isLoading: boolean;
+  label: string;
 };

-const ClusterButton = ({ onClick, isLoading }: ClusterButtonProps) => {
+const Button = ({ onClick, isLoading, label }: ButtonProps) => {
  return (
-    <button onClick={onClick} disabled={isLoading}>
-      {isLoading ? 'Clustering...' : 'Run Clustering'}
+    <button className="primaryButton" onClick={onClick} disabled={isLoading}>
+      {isLoading ? 'Working...' : label}
    </button>
  );
 };

-export default ClusterButton;
+export default Button;
--- a/frontend/src/components/stickies.tsx
+++ b/frontend/src/components/stickies.tsx
@@ -1,8 +1,8 @@
 import { useGetStickies, useClusterStickies } from '../api/api';
 import type { Sticky as StickyType } from '../types/types';
 import Sticky from './sticky';
-import ClusterButton from './button';
-import './stickies.css';
+import Button from './button';
+import '../styles/stickies.css';

 const Stickies = () => {
  const { data: stickies, isLoading, error } = useGetStickies();
@@ -26,7 +26,9 @@ const Stickies = () => {

    return (
      <div>
-        <ClusterButton onClick={handleCluster} isLoading={isPending} />
+        <div>
+          <Button onClick={handleCluster} isLoading={isPending} label="Group Notes By Theme"/>
+        </div>
        <div className="clusters-container">
          {clusters.map((group) => (
            <div key={group.label} className="cluster-group">
@@ -46,7 +48,9 @@ const Stickies = () => {

  return (
    <div>
-      <ClusterButton onClick={handleCluster} isLoading={isPending} />
+      <div>
+        <Button onClick={handleCluster} isLoading={isPending} label="Group Notes By Theme" />
+      </div>
      <div className="stickies-grid">
        {stickies?.map((sticky) => (
          <Sticky key={sticky.id} sticky={sticky} />
--- a/frontend/src/components/sticky.tsx
+++ b/frontend/src/components/sticky.tsx
@@ -1,4 +1,5 @@
 import type { Sticky as StickyType } from '../types/types';
+import '../styles/sticky.css';

 const COLOR_MAP: Record<string, string> = {
  yellow: '#fdfd96',
@@ -18,20 +19,9 @@ const Sticky = ({ sticky }: StickyProps) => {

  return (
    <div
+      className="sticky-note"
      style={{
        backgroundColor,
-        width: '180px',
-        minHeight: '180px',
-        padding: '16px',
-        borderRadius: '2px',
-        boxShadow: '2px 4px 8px rgba(0, 0, 0, 0.15)',
-        fontFamily: "'Patrick Hand', cursive, system-ui",
-        fontSize: '14px',
-        lineHeight: '1.4',
-        color: '#333',
-        display: 'flex',
-        alignItems: 'flex-start',
-        wordBreak: 'break-word',
        transform: `rotate(${Math.random() * 4 - 2}deg)`,
      }}
    >
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -2,7 +2,7 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { BrowserRouter } from 'react-router-dom';
-import './index.css'
+import './styles/index.css'
 import App from './App.tsx'

 const queryClient = new QueryClient();
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -3,7 +3,7 @@ import Stickies from '../components/stickies';
 const Home = () => {
    return (
        <div>
-            <h1>Resias - </h1>
+            <h1 className="mainHead">kohngrüti</h1>
            <Stickies />
        </div>
    );
--- a/frontend/src/styles/App.css
+++ b/frontend/src/styles/App.css
--- a/frontend/src/styles/button.css
+++ b/frontend/src/styles/button.css
@@ -0,0 +1,7 @@
+.primaryButton {
+    font-family: "Sulphur Point", sans-serif;
+    font-size: 1.1rem;
+    width: 16rem;
+    height: 2.5rem;
+    margin-top: 14px;
+}
--- a/frontend/src/styles/index.css
+++ b/frontend/src/styles/index.css
@@ -1,3 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap');
+
 :root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
@@ -22,6 +25,11 @@ h1 {
  line-height: 1.1;
 }

+h3 {
+  font-family: "Sulphur Point", sans-serif;
+  font-weight: 300;
+}
+
 button {
  border-radius: 8px;
  border: 1px solid transparent;
@@ -48,6 +56,16 @@ button:disabled {
  cursor: not-allowed;
 }

+.mainHead {
+  font-size: 4rem;
+  color: #fff;
+  margin: 2px 0px 24px 0px;
+  font-family: "Sulphur Point", sans-serif;
+  font-weight: 300;
+  letter-spacing: 3px;
+  text-decoration: underline;
+}
+
@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
--- a/frontend/src/components/stickies.css
+++ b/frontend/src/components/stickies.css
--- a/frontend/src/styles/sticky.css
+++ b/frontend/src/styles/sticky.css
@@ -0,0 +1,14 @@
+.sticky-note {
+  width: 180px;
+  min-height: 180px;
+  padding: 16px;
+  border-radius: 2px;
+  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
+  font-family: 'Shadows Into Light', cursive;
+  font-size: 1.4rem;
+  line-height: 1.4;
+  color: #333;
+  display: flex;
+  align-items: flex-start;
+  word-break: break-word;
+}