Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 11:13:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1625] Spacedrop UI correct hover condition & spacing (#2127)

Browse source 
* improve spacedrop ui with correct hover & spacing

* remove
This commit is contained in:
ameer2468 2024-02-26 18:53:37 +03:00 committed by GitHub
parent 6f27504e5f
commit 53713a9f59
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
interface/app/$libraryId/Spacedrop/index.tsx
View file

@ -60,7 +60,7 @@ export function Spacedrop({ triggerClose }: { triggerClose: () => void }) {
const ref = useRef<HTMLDivElement>(null);
const discoveredPeers = useDiscoveredPeers();
const doSpacedrop = useBridgeMutation('p2p.spacedrop');
const { t } = useLocale();
const { t } = useLocale();
// We keep track of how many instances of this component is rendering.
// This is used by `SpacedropButton` to determine if the animation should stop.
useEffect(() => {
@ -118,9 +118,11 @@ export function Spacedrop({ triggerClose }: { triggerClose: () => void }) {
{t("no_nodes_found")}
</p>
</div>}
<div className='flex flex-col space-y-2'>
{Array.from(discoveredPeers).map(([id, meta]) => (
<Node key={id} id={id} name={meta.name as HardwareModel} onDropped={onDropped} />
))}
</div>
</div>
</div>
</div>
@ -148,8 +150,8 @@ function Node({
<div
ref={ref}
className={clsx(
'flex items-center justify-center gap-3 rounded-md border border-app-line bg-app-darkBox px-3 py-2 font-medium text-ink',
state === 'hovered' ? 'border-solid border-accent-deep' : 'border-dashed'
'flex items-center justify-start gap-2 rounded-md border bg-app-darkBox px-3 py-2 font-medium text-ink',
state === 'hovered' ? 'border-solid border-accent-deep' : 'border-dashed border-app-line'
)}
onClick={() => {
if (!platform.openFilePickerDialog) {