Compare commits
2 Commits
9cecd24918
...
cad86218a7
| Author | SHA1 | Date |
|---|---|---|
|
|
cad86218a7 | |
|
|
ae546f5667 |
|
|
@ -302,10 +302,13 @@ export function InputBox({
|
||||||
}
|
}
|
||||||
}, [showWelcomeStyle, hasSubmitted, isInputToolsTourReady]);
|
}, [showWelcomeStyle, hasSubmitted, isInputToolsTourReady]);
|
||||||
|
|
||||||
const closeInputToolsTour = useCallback(() => {
|
const finishInputToolsTour = useCallback(() => {
|
||||||
window.localStorage.setItem(INPUT_TOOLS_TOUR_SEEN_KEY, "1");
|
window.localStorage.setItem(INPUT_TOOLS_TOUR_SEEN_KEY, "1");
|
||||||
setIsInputToolsTourOpen(false);
|
setIsInputToolsTourOpen(false);
|
||||||
}, []);
|
}, []);
|
||||||
|
const closeInputToolsTour = useCallback(() => {
|
||||||
|
setIsInputToolsTourOpen(false);
|
||||||
|
}, []);
|
||||||
|
|
||||||
const inputToolsTourSteps = useMemo(() => {
|
const inputToolsTourSteps = useMemo(() => {
|
||||||
const baseSteps = [
|
const baseSteps = [
|
||||||
|
|
@ -730,14 +733,11 @@ export function InputBox({
|
||||||
<Tour
|
<Tour
|
||||||
open={isInputToolsTourOpen}
|
open={isInputToolsTourOpen}
|
||||||
onClose={closeInputToolsTour}
|
onClose={closeInputToolsTour}
|
||||||
onFinish={closeInputToolsTour}
|
onFinish={finishInputToolsTour}
|
||||||
gap={
|
gap={
|
||||||
{ offset: 4 , radius: 2 }
|
{ offset: 3 , radius:10 }
|
||||||
}
|
}
|
||||||
mask={{
|
mask={{
|
||||||
style: {
|
|
||||||
boxShadow: 'inset 0 0 15px #333',
|
|
||||||
},
|
|
||||||
color: 'rgba(255,255,255, .8)',
|
color: 'rgba(255,255,255, .8)',
|
||||||
}}
|
}}
|
||||||
steps={inputToolsTourSteps}
|
steps={inputToolsTourSteps}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue