starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-31 14:33:18 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Hook up theme and clear responses

Browse Source
This commit is contained in:
Gregory Schier
2023-02-24 12:13:30 -08:00
parent 4319ce9a7b
commit 5a9fb5a3a7
10 changed files with 154 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src-web/App.tsx
View File

@@ -2,7 +2,7 @@ import { useState } from 'react';
import { invoke } from '@tauri-apps/api/tauri';
import Editor from './components/Editor/Editor';
import { HStack, VStack } from './components/Stacks';
import { DropdownMenuRadio } from './components/Dropdown';
import { Dropdown, DropdownMenuRadio } from './components/Dropdown';
import { WindowDragRegion } from './components/WindowDragRegion';
import { IconButton } from './components/IconButton';
import { Sidebar } from './components/Sidebar';
@@ -50,25 +50,10 @@ function App() {
return (
<>
<div className="grid grid-cols-[auto_1fr] h-full">
<Sidebar>
<HStack as={WindowDragRegion} className="pl-24 px-1" items="center" justify="end">
<IconButton icon="archive" />
<DropdownMenuRadio
onValueChange={null}
value={'get'}
items={[
{ label: 'This is a cool one', value: 'get' },
{ label: 'But this one is better', value: 'put' },
{ label: 'This one is just alright', value: 'post' },
]}
>
<IconButton icon="camera" />
</DropdownMenuRadio>
</HStack>
</Sidebar>
<Sidebar />
<Grid cols={2}>
<VStack className="w-full">
<HStack as={WindowDragRegion} items="center" className="px-3">
<HStack as={WindowDragRegion} items="center" className="pl-3 pr-1.5">
<UrlBar
method={method}
url={url}
@@ -77,20 +62,38 @@ function App() {
sendRequest={sendRequest}
/>
</HStack>
<VStack className="pl-3 px-1.5 py-3" space={3}>
<Editor value="" contentType={contentType} />
</VStack>
</VStack>
<VStack className="w-full">
<HStack as={WindowDragRegion} items="center" className="pl-3 pr-1">
<div className="my-1 italic text-gray-500 text-sm w-full">
{response?.method.toUpperCase()}
&nbsp;&bull;&nbsp;
{response?.status}
&nbsp;&bull;&nbsp;
{response?.elapsed}ms &nbsp;&bull;&nbsp;
{response?.elapsed2}ms
</div>
<IconButton icon="gear" className="ml-auto" size="sm" />
<HStack as={WindowDragRegion} items="center" className="pl-1.5 pr-1">
{response && (
<div className="my-1 italic text-gray-500 text-sm w-full pointer-events-none">
{response.method.toUpperCase()}
&nbsp;&bull;&nbsp;
{response.status}
&nbsp;&bull;&nbsp;
{response.elapsed}ms &nbsp;&bull;&nbsp;
{response.elapsed2}ms
</div>
)}
<Dropdown
items={[
{
label: 'Clear Response',
onSelect: () => setResponse(null),
disabled: !response,
},
{
label: 'Other Thing',
},
]}
>
<IconButton icon="gear" className="ml-auto" size="sm" />
</Dropdown>
</HStack>
<VStack className="px-3 py-3" space={3}>
<VStack className="pr-3 pl-1.5 py-3" space={3}>
{error && <div className="text-white bg-red-500 px-3 py-1 rounded">{error}</div>}
{response !== null && (
<>