mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
add option to hide version on logo (#3825)
## What type of PR is this? (check all applicable) - [ ] Refactor - [ ] Feature - [ ] Bug Fix - [ ] Optimization - [ ] Documentation Update ## Have you discussed this change with the InvokeAI team? - [ ] Yes - [ ] No, because: ## Description ## Related Tickets & Documents <!-- For pull requests that relate or close an issue, please include them below. For example having the text: "closes #1234" would connect the current pull request to issue 1234. And when we merge the pull request, Github will automatically close the issue. --> - Related Issue # - Closes # ## QA Instructions, Screenshots, Recordings <!-- Please provide steps on how to test changes, any hardware or software specifications as well as any other pertinent information. --> ## Added/updated tests? - [ ] Yes - [ ] No : _please replace this line with details on why tests have not been included_ ## [optional] Are there any post deployment tasks we need to perform?
This commit is contained in:
commit
3c5a0c95b3
@ -5,7 +5,11 @@ import { useRef } from 'react';
|
|||||||
import { useHoverDirty } from 'react-use';
|
import { useHoverDirty } from 'react-use';
|
||||||
import { useGetAppVersionQuery } from 'services/api/endpoints/appInfo';
|
import { useGetAppVersionQuery } from 'services/api/endpoints/appInfo';
|
||||||
|
|
||||||
const InvokeAILogoComponent = () => {
|
interface Props {
|
||||||
|
showVersion?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
const InvokeAILogoComponent = ({ showVersion = true }: Props) => {
|
||||||
const { data: appVersion } = useGetAppVersionQuery();
|
const { data: appVersion } = useGetAppVersionQuery();
|
||||||
const ref = useRef(null);
|
const ref = useRef(null);
|
||||||
const isHovered = useHoverDirty(ref);
|
const isHovered = useHoverDirty(ref);
|
||||||
@ -28,7 +32,7 @@ const InvokeAILogoComponent = () => {
|
|||||||
invoke <strong>ai</strong>
|
invoke <strong>ai</strong>
|
||||||
</Text>
|
</Text>
|
||||||
<AnimatePresence>
|
<AnimatePresence>
|
||||||
{isHovered && appVersion && (
|
{showVersion && isHovered && appVersion && (
|
||||||
<motion.div
|
<motion.div
|
||||||
key="statusText"
|
key="statusText"
|
||||||
initial={{
|
initial={{
|
||||||
|
Loading…
Reference in New Issue
Block a user