From 36918c59e9a6bfffc7936c171aa251f8c162c42b Mon Sep 17 00:00:00 2001 From: Emil Johansson Date: Sat, 10 Feb 2024 16:47:00 -0700 Subject: [PATCH] install lucide-react --- apps/next/package.json | 1 + apps/next/src/app/Content.tsx | 14 +++++++------- apps/next/src/app/jwt-generator/page.tsx | 4 ++-- apps/next/src/app/layout.tsx | 2 +- apps/next/src/app/random-string/Content.tsx | 8 ++++---- .../app/state-management/SvelteStoreExample.tsx | 2 -- .../app/two-way-auth/enter/TwoWayAuthEnter.tsx | 8 ++++---- pnpm-lock.yaml | 17 ++++++++++++++--- 8 files changed, 33 insertions(+), 23 deletions(-) diff --git a/apps/next/package.json b/apps/next/package.json index b429f748..ff665b81 100644 --- a/apps/next/package.json +++ b/apps/next/package.json @@ -31,6 +31,7 @@ "jsonwebtoken": "9.0.2", "just-range": "4.1.1", "lib": "workspace:*", + "lucide-react": "0.323.0", "nanostores": "0.9.5", "next": "14.0.4", "react": "18.2.0", diff --git a/apps/next/src/app/Content.tsx b/apps/next/src/app/Content.tsx index 090506cf..f0cdb6e6 100644 --- a/apps/next/src/app/Content.tsx +++ b/apps/next/src/app/Content.tsx @@ -3,8 +3,8 @@ import type { Tables } from '@/lib/database.types' import Link from 'next/link' import { AccessibleIcon } from '@radix-ui/react-accessible-icon' -import { FiCommand, FiExternalLink } from 'react-icons/fi' import { GrGithub } from 'react-icons/gr' +import { Command, ArrowUpRightFromSquare } from 'lucide-react' import { openCommandMenu } from './CommandMenu' export function Content({ projects }: { projects: Tables<'project'>[] }) { @@ -41,11 +41,11 @@ export function Content({ projects }: { projects: Tables<'project'>[] }) { rounded " > - K + K -
+
{projects.map(({ title, href, description, test }, index) => { const external = href.startsWith('http') @@ -54,7 +54,8 @@ export function Content({ projects }: { projects: Tables<'project'>[] }) { key={index} href={href} className=" - flex flex-col rounded-md p-4 m-3 relative + rounded-md p-4 m-3 relative + min-h-[100px] bg-white dark:bg-black ease-in-out duration-100 shadow-sm @@ -67,9 +68,8 @@ export function Content({ projects }: { projects: Tables<'project'>[] }) { {title}{' '} {external && ( - )} diff --git a/apps/next/src/app/jwt-generator/page.tsx b/apps/next/src/app/jwt-generator/page.tsx index 89d73dd9..0208e9ff 100644 --- a/apps/next/src/app/jwt-generator/page.tsx +++ b/apps/next/src/app/jwt-generator/page.tsx @@ -1,9 +1,9 @@ 'use client' -import Content from '@/components/Content' -import Section from '@/components/Section' import { useState } from 'react' import { sign } from 'jsonwebtoken' +import Content from '@/components/Content' +import Section from '@/components/Section' export default function Page() { const [encodedValue, setEncodedValue] = useState('') diff --git a/apps/next/src/app/layout.tsx b/apps/next/src/app/layout.tsx index a2dee3ab..d92c74d6 100644 --- a/apps/next/src/app/layout.tsx +++ b/apps/next/src/app/layout.tsx @@ -1,8 +1,8 @@ import type { PropsWithChildren } from 'react' import type { Metadata } from 'next' +// import 'ui/globals.css' import './styles.css' -import 'ui/globals.css' import { headers } from 'next/headers' import Link from 'next/link' diff --git a/apps/next/src/app/random-string/Content.tsx b/apps/next/src/app/random-string/Content.tsx index ee5d846a..a298bba9 100644 --- a/apps/next/src/app/random-string/Content.tsx +++ b/apps/next/src/app/random-string/Content.tsx @@ -3,7 +3,7 @@ import type { Ref } from '@/components/RandomString' import { useRef, useState } from 'react' -import { FiCheck, FiCopy, FiRefreshCw } from 'react-icons/fi' +import { RefreshCw, Check, Copy } from 'lucide-react' import RandomString from '@/components/RandomString' import { copyToClipboard } from 'lib/utils/string' @@ -19,7 +19,7 @@ export default function Content({ initialValue }: { initialValue: string }) { onClick={() => randomStringRef.current?.generateNewValue()} data-test="refresh" > - + Refresh diff --git a/apps/next/src/app/state-management/SvelteStoreExample.tsx b/apps/next/src/app/state-management/SvelteStoreExample.tsx index b8953b17..67ef550c 100644 --- a/apps/next/src/app/state-management/SvelteStoreExample.tsx +++ b/apps/next/src/app/state-management/SvelteStoreExample.tsx @@ -91,8 +91,6 @@ function derived( const values: S[] = [] const unsubscribers = storesArray.map((store, index) => { return store.subscribe((value) => { - console.log('derived.subscribe', value, values) - values[index] = value set(fn(single ? values[0] : values)) }) diff --git a/apps/next/src/app/two-way-auth/enter/TwoWayAuthEnter.tsx b/apps/next/src/app/two-way-auth/enter/TwoWayAuthEnter.tsx index d57180f4..0b27d812 100644 --- a/apps/next/src/app/two-way-auth/enter/TwoWayAuthEnter.tsx +++ b/apps/next/src/app/two-way-auth/enter/TwoWayAuthEnter.tsx @@ -2,7 +2,7 @@ import { useState, useRef, FormEvent, ChangeEvent } from 'react' import { Label } from '@radix-ui/react-label' -import { FiCheck, FiMoreHorizontal, FiX } from 'react-icons/fi' +import { Check, X, MoreHorizontal } from 'lucide-react' enum State { idle, @@ -28,21 +28,21 @@ function EnteredContent({ state }: { state: State }) { return ( <> loading - + ) case State.valid: return ( <> valid - + ) case State.invalid: return ( <> invalid - + ) } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 581e65bd..f9795c52 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -225,6 +225,9 @@ importers: lib: specifier: workspace:* version: link:../../packages/lib + lucide-react: + specifier: 0.323.0 + version: 0.323.0(react@18.2.0) nanostores: specifier: 0.9.5 version: 0.9.5 @@ -2605,8 +2608,8 @@ packages: - encoding dev: false - /@supabase/gotrue-js@2.62.0: - resolution: {integrity: sha512-4eBuZNXGOk7ewqJuHPYMnk8clCtEx6Hfnu6yHLjZlx7w18TqcojcTRUBZagErtpgwwdfzUwKbquexhbrpH/ysw==} + /@supabase/gotrue-js@2.62.2: + resolution: {integrity: sha512-AP6e6W9rQXFTEJ7sTTNYQrNf0LCcnt1hUW+RIgUK+Uh3jbWvcIST7wAlYyNZiMlS9+PYyymWQ+Ykz/rOYSO0+A==} dependencies: '@supabase/node-fetch': 2.6.15 dev: false @@ -2694,7 +2697,7 @@ packages: resolution: {integrity: sha512-NoltJSaJNKDJNutO5sJPAAi5RIWrn1z2XH+ig1+cHDojT6BTN7TvZPNa3Kq3gFQWfO5H1N9El/bCTZJ3iFW2kQ==} dependencies: '@supabase/functions-js': 2.1.5 - '@supabase/gotrue-js': 2.62.0 + '@supabase/gotrue-js': 2.62.2 '@supabase/node-fetch': 2.6.15 '@supabase/postgrest-js': 1.9.2 '@supabase/realtime-js': 2.9.3 @@ -6890,6 +6893,14 @@ packages: resolution: {integrity: sha512-Pn9cox5CsMYngeDbmChANltQl+5pi6XmTrraMSzhPmMBbmgcxmqWry0U3PGapCU1yB4/LqCcom7qhHZiF/jGfQ==} dev: true + /lucide-react@0.323.0(react@18.2.0): + resolution: {integrity: sha512-rTXZFILl2Y4d1SG9p1Mdcf17AcPvPvpc/egFIzUrp7IUy60MUQo3Oi1mu8LGYXUVwuRZYsSMt3csHRW5mAovJg==} + peerDependencies: + react: ^16.5.1 || ^17.0.0 || ^18.0.0 + dependencies: + react: 18.2.0 + dev: false + /lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} hasBin: true