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