mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-23 00:22:19 +01:00
chore: clean up feedback component (#6918)
Removing the time based feedback
This commit is contained in:
parent
e0ec5ed4b0
commit
143327844d
@ -1,4 +1,4 @@
|
|||||||
import { type FC, useEffect, useState } from 'react';
|
import { type FC, useEffect } from 'react';
|
||||||
import { Box, styled } from '@mui/material';
|
import { Box, styled } from '@mui/material';
|
||||||
import ProjectInfo from './ProjectInfo/ProjectInfo';
|
import ProjectInfo from './ProjectInfo/ProjectInfo';
|
||||||
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
|
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
|
||||||
@ -11,7 +11,6 @@ import { usePageTitle } from 'hooks/usePageTitle';
|
|||||||
import { useLastViewedProject } from 'hooks/useLastViewedProject';
|
import { useLastViewedProject } from 'hooks/useLastViewedProject';
|
||||||
import { useUiFlag } from 'hooks/useUiFlag';
|
import { useUiFlag } from 'hooks/useUiFlag';
|
||||||
import { ProjectOverviewChangeRequests } from './ProjectOverviewChangeRequests';
|
import { ProjectOverviewChangeRequests } from './ProjectOverviewChangeRequests';
|
||||||
import { useFeedback } from '../../feedbackNew/useFeedback';
|
|
||||||
import { OldProjectFeatureToggles } from './PaginatedProjectFeatureToggles/OldProjectFeatureToggles';
|
import { OldProjectFeatureToggles } from './PaginatedProjectFeatureToggles/OldProjectFeatureToggles';
|
||||||
|
|
||||||
const refreshInterval = 15 * 1000;
|
const refreshInterval = 15 * 1000;
|
||||||
@ -100,38 +99,6 @@ const OldProjectOverview: FC<{
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const useDelayedFeedbackPrompt = () => {
|
|
||||||
const { openFeedback, hasSubmittedFeedback } = useFeedback(
|
|
||||||
'newProjectOverview',
|
|
||||||
'manual',
|
|
||||||
);
|
|
||||||
const projectOverviewRefactorFeedback = useUiFlag(
|
|
||||||
'projectOverviewRefactorFeedback',
|
|
||||||
);
|
|
||||||
|
|
||||||
const [seenFeedback, setSeenFeedback] = useState(false);
|
|
||||||
useEffect(() => {
|
|
||||||
const timer = setTimeout(() => {
|
|
||||||
if (
|
|
||||||
projectOverviewRefactorFeedback &&
|
|
||||||
!seenFeedback &&
|
|
||||||
!hasSubmittedFeedback
|
|
||||||
) {
|
|
||||||
openFeedback({
|
|
||||||
title: 'How easy was it to work with the project overview in Unleash?',
|
|
||||||
positiveLabel:
|
|
||||||
'What do you like most about the updated project overview?',
|
|
||||||
areasForImprovementsLabel:
|
|
||||||
'What improvements are needed in the project overview?',
|
|
||||||
});
|
|
||||||
setSeenFeedback(true);
|
|
||||||
}
|
|
||||||
}, 30000);
|
|
||||||
|
|
||||||
return () => clearTimeout(timer);
|
|
||||||
}, [hasSubmittedFeedback, openFeedback, seenFeedback]);
|
|
||||||
};
|
|
||||||
|
|
||||||
const NewProjectOverview: FC<{
|
const NewProjectOverview: FC<{
|
||||||
storageKey?: string;
|
storageKey?: string;
|
||||||
}> = ({ storageKey = 'project-overview-v2' }) => {
|
}> = ({ storageKey = 'project-overview-v2' }) => {
|
||||||
@ -141,7 +108,6 @@ const NewProjectOverview: FC<{
|
|||||||
const { project } = useProjectOverview(projectId, {
|
const { project } = useProjectOverview(projectId, {
|
||||||
refreshInterval,
|
refreshInterval,
|
||||||
});
|
});
|
||||||
useDelayedFeedbackPrompt();
|
|
||||||
|
|
||||||
usePageTitle(`Project overview – ${projectName}`);
|
usePageTitle(`Project overview – ${projectName}`);
|
||||||
const { setLastViewed } = useLastViewedProject();
|
const { setLastViewed } = useLastViewedProject();
|
||||||
|
Loading…
Reference in New Issue
Block a user