All files / app/components back-button.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { useBack } from '@hooks/use-back-url';
import { ArrowIcon, ButtonProps, IconButton, color } from '@stacks/ui';
import React, { FC } from 'react';
 
// Cannot use cursor pointer in top bar area of window
// https://github.com/electron/electron/issues/5723
export const BackButton: FC<Omit<ButtonProps, 'children'>> = ({ onClick, ...props }) => {
  const [backUrl, handleBack] = useBack();
  const hasBackState = !!backUrl;
 
  return (
    <IconButton
      height="32px"
      width="32px"
      position="relative"
      style={{
        cursor: 'default',
        minHeight: 'unset',
        minWidth: 'unset',
        padding: 0,
      }}
      onClick={e => {
        handleBack();
        onClick?.(e);
      }}
      pointerEvents={!hasBackState ? 'none' : 'all'}
      as="button"
      {...(props as any)}
      icon={() => <ArrowIcon {...({ direction: 'left' } as any)} color={color('text-title')} />}
    />
  );
};