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

Minor tweaks

Browse Source
This commit is contained in:
Gregory Schier
2023-03-20 17:12:19 -07:00
parent 74a1cb61c1
commit a4c769b33c
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src-web/components/Sidebar.tsx
View File

@@ -3,6 +3,7 @@ import type { ForwardedRef, KeyboardEvent, MouseEvent as ReactMouseEvent } from
import React, { forwardRef, Fragment, memo, useCallback, useMemo, useRef, useState } from 'react'; import React, { forwardRef, Fragment, memo, useCallback, useMemo, useRef, useState } from 'react';
import type { XYCoord } from 'react-dnd'; import type { XYCoord } from 'react-dnd';
import { useDrag, useDrop } from 'react-dnd'; import { useDrag, useDrop } from 'react-dnd';
import { Helmet } from 'react-helmet-async';
import { useActiveRequest } from '../hooks/useActiveRequest'; import { useActiveRequest } from '../hooks/useActiveRequest';
import { useCreateRequest } from '../hooks/useCreateRequest'; import { useCreateRequest } from '../hooks/useCreateRequest';
import { useDeleteRequest } from '../hooks/useDeleteRequest'; import { useDeleteRequest } from '../hooks/useDeleteRequest';
@@ -81,6 +82,11 @@ export const Sidebar = memo(function Sidebar({ className }: Props) {
return ( return (
<div className="relative"> <div className="relative">
{/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */} {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}
{isResizing && (
<Helmet>
<html className="cursor-ew-resize" />
</Helmet>
)}
<div <div
aria-hidden aria-hidden
className="group absolute z-10 right-0 w-2 top-0 bottom-0 cursor-ew-resize flex justify-end" className="group absolute z-10 right-0 w-2 top-0 bottom-0 cursor-ew-resize flex justify-end"

4
src-web/components/core/PairEditor.tsx
View File

@@ -3,6 +3,7 @@ import classnames from 'classnames';
import React, { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import React, { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
import type { XYCoord } from 'react-dnd'; import type { XYCoord } from 'react-dnd';
import { useDrag, useDrop } from 'react-dnd'; import { useDrag, useDrop } from 'react-dnd';
import { Helmet } from 'react-helmet-async';
import { v4 as uuid } from 'uuid'; import { v4 as uuid } from 'uuid';
import { DropMarker } from '../DropMarker'; import { DropMarker } from '../DropMarker';
import { Checkbox } from './Checkbox'; import { Checkbox } from './Checkbox';
@@ -151,7 +152,6 @@ export const PairEditor = memo(function PairEditor({
onEnd={handleEnd} onEnd={handleEnd}
onMove={handleMove} onMove={handleMove}
/> />
{hoveredIndex === pairs.length && <DropMarker />}
</Fragment> </Fragment>
); );
})} })}
@@ -232,7 +232,7 @@ const FormRow = memo(function FormRow({
[onMove], [onMove],
); );
const [, connectDrag] = useDrag<PairContainer>( const [, connectDrag] = useDrag(
{ {
type: ItemTypes.ROW, type: ItemTypes.ROW,
item: () => pairContainer, item: () => pairContainer,