From cf08a4ecf01a9fbcdf7790f37eea257bcc7bb82a Mon Sep 17 00:00:00 2001 From: Joshua Coles Date: Thu, 28 Sep 2023 09:56:14 +0100 Subject: [PATCH] Some more attempts --- bun.lockb | Bin 117006 -> 119091 bytes package.json | 5 ++- src/ComboBox2.tsx | 26 ++++++++++++ src/TA.tsx | 103 +++++++++++++++++++++++++++++++++++++++++++++ src/main.tsx | 4 +- tailwind.config.js | 4 +- vite.config.ts | 7 ++- 7 files changed, 143 insertions(+), 6 deletions(-) create mode 100644 src/ComboBox2.tsx create mode 100644 src/TA.tsx diff --git a/bun.lockb b/bun.lockb index 6c10088fa209e22c53fd5daea80aaff76f95525b..8a534ae350c24dae0ee1d0581b4ff25aff6ee999 100755 GIT binary patch delta 27541 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 delta 26233 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 diff --git a/package.json b/package.json index 7ee1ff8..35e9aed 100644 --- a/package.json +++ b/package.json @@ -12,14 +12,17 @@ "dependencies": { "@headlessui/react": "^1.7.17", "@heroicons/react": "^2.0.18", + "@tailwindcss/forms": "^0.5.6", "@tanstack/react-query": "^4.35.3", "react": "^18.2.0", "react-dom": "^18.2.0", - "react-select": "^5.7.5" + "react-select": "^5.7.5", + "react-window": "^1.8.9" }, "devDependencies": { "@types/react": "^18.0.37", "@types/react-dom": "^18.0.11", + "@types/react-window": "^1.8.6", "@typescript-eslint/eslint-plugin": "^5.59.0", "@typescript-eslint/parser": "^5.59.0", "@vitejs/plugin-react-swc": "^3.0.0", diff --git a/src/ComboBox2.tsx b/src/ComboBox2.tsx new file mode 100644 index 0000000..19e8d26 --- /dev/null +++ b/src/ComboBox2.tsx @@ -0,0 +1,26 @@ +import {useQuery} from "@tanstack/react-query"; +import Select, {createFilter} from "react-select"; + +export default function Example() { + const {data: options, isLoading} = useQuery({ + queryKey: ['obsidian-metadata'], + initialData: [], + queryFn: async () => { + const response = await fetch("http://100.115.154.44:9002/metadata") + const fullData: any[] = await response.json(); + + return fullData.map(md => ({ + value: md.relativePath as string, + label: md.fileName as string + })); + }, + }); + + return + + ) +} + + +export default TestSelect diff --git a/src/main.tsx b/src/main.tsx index ff6a505..9b1d62a 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,15 +1,15 @@ import React from 'react' import ReactDOM from 'react-dom/client' import './index.css' -import Combobox from "./ComboBox.tsx"; import {QueryClient, QueryClientProvider} from "@tanstack/react-query"; +import {LargeSelect} from "./TA.tsx"; const queryClient = new QueryClient() ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( - + , ) diff --git a/tailwind.config.js b/tailwind.config.js index d37737f..bafb353 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,6 +7,8 @@ export default { theme: { extend: {}, }, - plugins: [], + plugins: [ + require('@tailwindcss/forms') + ], } diff --git a/vite.config.ts b/vite.config.ts index 861b04b..41dd742 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,7 +1,10 @@ -import { defineConfig } from 'vite' +import {defineConfig} from 'vite' import react from '@vitejs/plugin-react-swc' // https://vitejs.dev/config/ export default defineConfig({ - plugins: [react()], + plugins: [react()], + server: { + host: '0.0.0.0' + } })