Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

feat: change time based feedback to button (#6837)

Browse Source 
![image](https://github.com/Unleash/unleash/assets/964450/34070916-880d-41b6-809a-4046e3a1312f)
This commit is contained in:
Jaanus Sellin 2024-04-15 12:44:35 +03:00 committed by GitHub
parent e10ad7257f
commit 9aee1a7c42
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx
View File

@ -1,6 +1,7 @@
import { type ReactNode, type VFC, useState } from 'react'; import { type ReactNode, type VFC, useState } from 'react';
import { import {
Box, Box,
Button,
IconButton, IconButton,
Tooltip, Tooltip,
useMediaQuery, useMediaQuery,
@ -22,6 +23,8 @@ import { CREATE_FEATURE } from 'component/providers/AccessProvider/permissions';
import { ExportDialog } from 'component/feature/FeatureToggleList/ExportDialog'; import { ExportDialog } from 'component/feature/FeatureToggleList/ExportDialog';
import type { FeatureSchema } from 'openapi'; import type { FeatureSchema } from 'openapi';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import ReviewsOutlined from '@mui/icons-material/ReviewsOutlined';
import { useFeedback } from '../../../../feedbackNew/useFeedback';
interface IProjectFeatureTogglesHeaderProps { interface IProjectFeatureTogglesHeaderProps {
isLoading?: boolean; isLoading?: boolean;
@ -56,6 +59,10 @@ export const ProjectFeatureTogglesHeader: VFC<
const [showExportDialog, setShowExportDialog] = useState(false); const [showExportDialog, setShowExportDialog] = useState(false);
const navigate = useNavigate(); const navigate = useNavigate();
const { trackEvent } = usePlausibleTracker(); const { trackEvent } = usePlausibleTracker();
const projectOverviewRefactorFeedback = useUiFlag(
'projectOverviewRefactorFeedback',
);
const { openFeedback } = useFeedback('newProjectOverview', 'automatic');
const handleSearch = (query: string) => { const handleSearch = (query: string) => {
onChangeSearchQuery?.(query); onChangeSearchQuery?.(query);
trackEvent('search-bar', { trackEvent('search-bar', {
@ -66,6 +73,16 @@ export const ProjectFeatureTogglesHeader: VFC<
}); });
}; };
const createFeedbackContext = () => {
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?',
});
};
return ( return (
<Box <Box
ref={headerLoadingRef} ref={headerLoadingRef}
@ -145,6 +162,22 @@ export const ProjectFeatureTogglesHeader: VFC<
</> </>
} }
/> />
<ConditionallyRender
condition={
projectOverviewRefactorFeedback &&
!isSmallScreen
}
show={
<Button
startIcon={<ReviewsOutlined />}
onClick={createFeedbackContext}
variant='outlined'
data-loading
>
Provide feedback
</Button>
}
/>
<StyledResponsiveButton <StyledResponsiveButton
onClick={() => onClick={() =>
navigate(getCreateTogglePath(projectId)) navigate(getCreateTogglePath(projectId))