diff options
author | eleanor-park <eleanor_park@brown.edu> | 2024-10-20 12:44:15 -0400 |
---|---|---|
committer | eleanor-park <eleanor_park@brown.edu> | 2024-10-20 12:44:15 -0400 |
commit | 3b17868560090756caf8b9b0f043ea163f2320e8 (patch) | |
tree | d748a5fa923f28e2f4e399a8846ea38aa06b78a7 /src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx | |
parent | fc06a98deec3fa2b173f8ea30a4f4b1781447b19 (diff) |
changes
Diffstat (limited to 'src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx')
-rw-r--r-- | src/client/views/nodes/generativeFill/GenerativeFillButtons.tsx | 72 |
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> - ); -} |