aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx
diff options
context:
space:
mode:
authoreleanor-park <eleanor_park@brown.edu>2024-10-20 12:44:15 -0400
committereleanor-park <eleanor_park@brown.edu>2024-10-20 12:44:15 -0400
commit3b17868560090756caf8b9b0f043ea163f2320e8 (patch)
treed748a5fa923f28e2f4e399a8846ea38aa06b78a7 /src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx
parentfc06a98deec3fa2b173f8ea30a4f4b1781447b19 (diff)
changes
Diffstat (limited to 'src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx')
-rw-r--r--src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx72
1 files changed, 0 insertions, 72 deletions
diff --git a/src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx b/src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx
deleted file mode 100644
index fe22b273d..000000000
--- a/src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import './GenerativeFillButtons.scss';
-import * as React from 'react';
-import ReactLoading from 'react-loading';
-import { Button, IconButton, Type } from 'browndash-components';
-import { AiOutlineInfo } from 'react-icons/ai';
-import { activeColor } from './generativeFillUtils/generativeFillConstants';
-
-interface ButtonContainerProps {
- onClick: () => Promise<void>;
- loading: boolean;
- onReset: () => void;
-}
-
-export function EditButtons({ loading, onClick: getEdit, onReset }: ButtonContainerProps) {
- return (
- <div className="generativeFillBtnContainer">
- <Button text="RESET" type={Type.PRIM} color={activeColor} onClick={onReset} />
- {loading ? (
- <Button
- text="GET EDITS"
- type={Type.TERT}
- color={activeColor}
- icon={<ReactLoading type="spin" color="#ffffff" width={20} height={20} />}
- iconPlacement="right"
- onClick={() => {
- if (!loading) getEdit();
- }}
- />
- ) : (
- <Button
- text="GET EDITS"
- type={Type.TERT}
- color={activeColor}
- onClick={() => {
- if (!loading) getEdit();
- }}
- />
- )}
- <IconButton type={Type.SEC} color={activeColor} tooltip="Open Documentation" icon={<AiOutlineInfo size="16px" />} onClick={() => window.open('https://brown-dash.github.io/Dash-Documentation/features/generativeai/#editing', '_blank')} />
- </div>
- );
-}
-
-export function CutButtons({ loading, onClick: cutImage, onReset }: ButtonContainerProps) {
- return (
- <div className="generativeFillBtnContainer">
- <Button text="RESET" type={Type.PRIM} color={activeColor} onClick={onReset} />
- {loading ? (
- <Button
- text="CUT IMAGE"
- type={Type.TERT}
- color={activeColor}
- icon={<ReactLoading type="spin" color="#ffffff" width={20} height={20} />}
- iconPlacement="right"
- onClick={() => {
- if (!loading) cutImage();
- }}
- />
- ) : (
- <Button
- text="CUT IMAGE"
- type={Type.TERT}
- color={activeColor}
- onClick={() => {
- if (!loading) cutImage();
- }}
- />
- )}
- <IconButton type={Type.SEC} color={activeColor} tooltip="Open Documentation" icon={<AiOutlineInfo size="16px" />} onClick={() => window.open('https://brown-dash.github.io/Dash-Documentation/features/generativeai/#editing', '_blank')} />
- </div>
- );
-}