components Buttons.tsx

100% Statements 1/1

100% Branches 2/2

100% Functions 1/1

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
271x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Stack } from "@mui/material";
import GiveButton from "@shared/Button/GiveButton";
import React from "react";
 
function Buttons({
  handleCancel,
  isUploading,
  getCropData,
  isVideoTab,
  isSubmitVideoButtonDisabled,
  onSaveVideoClick,
}: {
  isUploading?: boolean;
  handleCancel: () => void;
  getCropData: () => void;
  isVideoTab: boolean;
  isSubmitVideoButtonDisabled: boolean;
  onSaveVideoClick: () => void;
}) {
  return (
    <Stack
      alignItems="center"
      flexDirection="row"
      justifyContent="flex-end"
      width="100%"
      gap="12px"
    >
      <GiveButton
        onClick={handleCancel}
        label="Cancel"
        size="large"
        variant="ghost"
        disabled={isUploading}
      />
      {isVideoTab ? (
        <GiveButton
          onClick={onSaveVideoClick}
          label="Save Changes"
          size="large"
          variant="filled"
          disabled={isSubmitVideoButtonDisabled}
        />
      ) : (
        <GiveButton
          onClick={getCropData}
          label="Save"
          size="large"
          variant="filled"
          disabled={isUploading}
        />
      )}
    </Stack>
  );
}
 
export default Buttons;