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

Global layout component

Browse Source
This commit is contained in:
Gregory Schier
2023-03-25 13:26:31 -07:00
parent 8929d736d9
commit 700c589ae2
13 changed files with 366 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src-web/components/ResponsePane.tsx
View File

@@ -1,8 +1,8 @@
import classnames from 'classnames';
import { memo, useEffect, useMemo, useState } from 'react';
import { useActiveRequestId } from '../hooks/useActiveRequestId';
import { useDeleteResponses } from '../hooks/useDeleteResponses';
import { useDeleteResponse } from '../hooks/useDeleteResponse';
import { useDeleteResponses } from '../hooks/useDeleteResponses';
import { useResponses } from '../hooks/useResponses';
import { useResponseViewMode } from '../hooks/useResponseViewMode';
import { tryFormatJson } from '../lib/formatters';
@@ -16,11 +16,7 @@ import { HStack } from './core/Stacks';
import { StatusColor } from './core/StatusColor';
import { Webview } from './core/Webview';
interface Props {
className?: string;
}
export const ResponsePane = memo(function ResponsePane({ className }: Props) {
export const ResponsePane = memo(function ResponsePane() {
const [pinnedResponseId, setPinnedResponseId] = useState<string | null>(null);
const activeRequestId = useActiveRequestId();
const responses = useResponses(activeRequestId);
@@ -43,7 +39,7 @@ export const ResponsePane = memo(function ResponsePane({ className }: Props) {
);
return (
<div className={classnames(className, 'p-3')}>
<div className={classnames('h-full w-full p-3')}>
<div
className={classnames(
'max-h-full h-full grid grid-rows-[auto_minmax(0,1fr)] grid-cols-1 ',