fix: Autoclose progress bar showing on all cards (#2701)

Co-authored-by: Matti Nannt <mail@matthiasnannt.com>
This commit is contained in:
Dhruwang Jariwala
2024-06-05 14:06:39 +05:30
committed by GitHub
parent 55db14e758
commit ad8d473a2d
2 changed files with 4 additions and 3 deletions

View File

@@ -304,7 +304,7 @@ export const Survey = ({
};
return (
<AutoCloseWrapper survey={survey} onClose={onClose}>
<AutoCloseWrapper survey={survey} onClose={onClose} offset={offset}>
{getShowSurveyCloseButton(offset) && <SurveyCloseButton onClose={onClose} />}
<div
className={cn(

View File

@@ -8,13 +8,14 @@ interface AutoCloseProps {
survey: TSurvey;
onClose: () => void;
children: React.ReactNode;
offset: number;
}
export const AutoCloseWrapper = ({ survey, onClose, children }: AutoCloseProps) => {
export const AutoCloseWrapper = ({ survey, onClose, children, offset }: AutoCloseProps) => {
const [countDownActive, setCountDownActive] = useState(true);
const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
const isAppSurvey = survey.type === "app" || survey.type === "website";
const showAutoCloseProgressBar = countDownActive && isAppSurvey;
const showAutoCloseProgressBar = countDownActive && isAppSurvey && offset === 0;
const startCountdown = () => {
if (!survey.autoClose) return;