mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(03-01): replace Paperclip icon with Box in CompanyRail, use VOCAB in Auth

Browse source 
- CompanyRail: import Box from lucide-react instead of Paperclip
- CompanyRail: render <Box> icon instead of <Paperclip> in top rail
- Auth.tsx: import VOCAB from @paperclipai/branding
- Auth.tsx: use VOCAB.appName for logo text and sign-in/create-account headings
This commit is contained in:
Mikkel Georgsen 2026-03-30 23:44:47 +02:00
parent 748e0ee4e6
commit ff72ed4143
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/src/components/CompanyRail.tsx
View file

@ -1,5 +1,5 @@
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { Paperclip, Plus } from "lucide-react"; import { Box, Plus } from "lucide-react";
import { useQueries } from "@tanstack/react-query"; import { useQueries } from "@tanstack/react-query";
import { import {
DndContext, DndContext,
@ -269,9 +269,9 @@ export function CompanyRail() {
return ( return (
<div className="flex flex-col items-center w-[72px] shrink-0 h-full bg-background border-r border-border"> <div className="flex flex-col items-center w-[72px] shrink-0 h-full bg-background border-r border-border">
{/* Paperclip icon - aligned with top sections (implied line, no visible border) */} {/* Nexus icon */}
<div className="flex items-center justify-center h-12 w-full shrink-0"> <div className="flex items-center justify-center h-12 w-full shrink-0">
<Paperclip className="h-5 w-5 text-foreground" /> <Box className="h-5 w-5 text-foreground" />
</div> </div>
{/* Company list */} {/* Company list */}

5
ui/src/pages/Auth.tsx
View file

@ -1,4 +1,5 @@
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import { VOCAB } from "@paperclipai/branding";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { useNavigate, useSearchParams } from "@/lib/router"; import { useNavigate, useSearchParams } from "@/lib/router";
import { authApi } from "../api/auth"; import { authApi } from "../api/auth";
@ -75,11 +76,11 @@ export function AuthPage() {
<div className="w-full max-w-md mx-auto my-auto px-8 py-12"> <div className="w-full max-w-md mx-auto my-auto px-8 py-12">
<div className="flex items-center gap-2 mb-8"> <div className="flex items-center gap-2 mb-8">
<Sparkles className="h-4 w-4 text-muted-foreground" /> <Sparkles className="h-4 w-4 text-muted-foreground" />
<span className="text-sm font-medium">Paperclip</span> <span className="text-sm font-medium">{VOCAB.appName}</span>
</div> </div>
<h1 className="text-xl font-semibold"> <h1 className="text-xl font-semibold">
{mode === "sign_in" ? "Sign in to Paperclip" : "Create your Paperclip account"} {mode === "sign_in" ? `Sign in to ${VOCAB.appName}` : `Create your ${VOCAB.appName} account`}
</h1> </h1>
<p className="mt-1 text-sm text-muted-foreground"> <p className="mt-1 text-sm text-muted-foreground">
{mode === "sign_in" {mode === "sign_in"