feat(gui): navigate to appropriate tab when copying image (fixes #80)

ssube · Feb 5, 2023 · 1e477f7 · 1e477f7
1 parent e6e9914
commit 1e477f7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/gui/src/components/ImageCard.tsx b/gui/src/components/ImageCard.tsx
@@ -1,8 +1,9 @@
 import { doesExist, mustExist } from '@apextoaster/js-utils';
-import { Brush, ContentCopy, ContentCopyTwoTone, Delete, Download } from '@mui/icons-material';
-import { Box, Button, Card, CardContent, CardMedia, Grid, IconButton, Paper, Tooltip } from '@mui/material';
+import { Brush, ContentCopy, Delete, Download } from '@mui/icons-material';
+import { Box, Card, CardContent, CardMedia, Grid, IconButton, Paper, Tooltip } from '@mui/material';
 import * as React from 'react';
 import { useContext } from 'react';
+import { useHash } from 'react-use/lib/useHash';
 import { useStore } from 'zustand';
 
 import { ImageResponse } from '../client.js';
@@ -24,6 +25,7 @@ export function ImageCard(props: ImageCardProps) {
   const { value } = props;
   const { params, output, size } = value;
 
+  const [_hash, setHash] = useHash();
   const config = mustExist(useContext(ConfigContext));
   const state = mustExist(useContext(StateContext));
   // eslint-disable-next-line @typescript-eslint/unbound-method
@@ -41,13 +43,15 @@ export function ImageCard(props: ImageCardProps) {
     setImg2Img({
       source: blob,
     });
+    setHash('img2img');
   }
 
   async function copySourceToInpaint() {
     const blob = await loadSource();
     setInpaint({
       source: blob,
     });
+    setHash('inpaint');
   }
 
   function deleteImage() {