mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +01:00 
			
		
		
		
	fix: change requests placeholder (#8724)
If project does not have CRs configured, show correct info.
This commit is contained in:
		
							parent
							
								
									d75c63b6e8
								
							
						
					
					
						commit
						1433878f32
					
				@ -1,3 +1,4 @@
 | 
			
		||||
import { type ReactNode, useEffect, useMemo, useState } from 'react';
 | 
			
		||||
import { PageContent } from 'component/common/PageContent/PageContent';
 | 
			
		||||
import { PageHeader } from 'component/common/PageHeader/PageHeader';
 | 
			
		||||
import {
 | 
			
		||||
@ -13,7 +14,6 @@ import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightC
 | 
			
		||||
import { Box, styled, Tab, Tabs, useMediaQuery } from '@mui/material';
 | 
			
		||||
import { Link, useSearchParams } from 'react-router-dom';
 | 
			
		||||
import { sortTypes } from 'utils/sortTypes';
 | 
			
		||||
import { useEffect, useMemo, useState } from 'react';
 | 
			
		||||
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 | 
			
		||||
import { Search } from 'component/common/Search/Search';
 | 
			
		||||
import { featuresPlaceholder } from 'component/feature/FeatureToggleList/FeatureToggleListTable';
 | 
			
		||||
@ -34,6 +34,7 @@ export interface IChangeRequestTableProps {
 | 
			
		||||
    changeRequests: any[];
 | 
			
		||||
    loading: boolean;
 | 
			
		||||
    projectId: string;
 | 
			
		||||
    placeholder?: ReactNode;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
const defaultSort: SortingRule<string> & {
 | 
			
		||||
@ -63,6 +64,7 @@ const ConftigurationLinkBox = styled(Box)(({ theme }) => ({
 | 
			
		||||
 | 
			
		||||
export const ChangeRequestsTabs = ({
 | 
			
		||||
    changeRequests = [],
 | 
			
		||||
    placeholder,
 | 
			
		||||
    loading,
 | 
			
		||||
    projectId,
 | 
			
		||||
}: IChangeRequestTableProps) => {
 | 
			
		||||
@ -368,7 +370,8 @@ export const ChangeRequestsTabs = ({
 | 
			
		||||
                        }
 | 
			
		||||
                        elseShow={
 | 
			
		||||
                            <TablePlaceholder>
 | 
			
		||||
                                None of the changes were submitted yet.
 | 
			
		||||
                                {placeholder ||
 | 
			
		||||
                                    'None of the changes were submitted yet.'}
 | 
			
		||||
                            </TablePlaceholder>
 | 
			
		||||
                        }
 | 
			
		||||
                    />
 | 
			
		||||
 | 
			
		||||
@ -6,6 +6,8 @@ import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
 | 
			
		||||
import { PageContent } from 'component/common/PageContent/PageContent';
 | 
			
		||||
import { PremiumFeature } from 'component/common/PremiumFeature/PremiumFeature';
 | 
			
		||||
import { useProjectOverviewNameOrId } from 'hooks/api/getters/useProjectOverview/useProjectOverview';
 | 
			
		||||
import { useChangeRequestConfig } from 'hooks/api/getters/useChangeRequestConfig/useChangeRequestConfig';
 | 
			
		||||
import { Link } from 'react-router-dom';
 | 
			
		||||
 | 
			
		||||
export const ProjectChangeRequests = () => {
 | 
			
		||||
    const projectId = useRequiredPathParam('projectId');
 | 
			
		||||
@ -15,6 +17,11 @@ export const ProjectChangeRequests = () => {
 | 
			
		||||
    usePageTitle(`Change requests – ${projectName}`);
 | 
			
		||||
 | 
			
		||||
    const { changeRequests, loading } = useProjectChangeRequests(projectId);
 | 
			
		||||
    const { data: configData, loading: configLoading } =
 | 
			
		||||
        useChangeRequestConfig(projectId);
 | 
			
		||||
    const isConfigured = configData.some(
 | 
			
		||||
        (config) => config.changeRequestEnabled,
 | 
			
		||||
    );
 | 
			
		||||
 | 
			
		||||
    if (isOss() || isPro()) {
 | 
			
		||||
        return (
 | 
			
		||||
@ -29,6 +36,19 @@ export const ProjectChangeRequests = () => {
 | 
			
		||||
            changeRequests={changeRequests}
 | 
			
		||||
            projectId={projectId}
 | 
			
		||||
            loading={loading}
 | 
			
		||||
            placeholder={
 | 
			
		||||
                !configLoading && !isConfigured ? (
 | 
			
		||||
                    <p>
 | 
			
		||||
                        Change requests are not configured for this project.
 | 
			
		||||
                        <br />
 | 
			
		||||
                        <Link
 | 
			
		||||
                            to={`/projects/${projectId}/settings/change-requests`}
 | 
			
		||||
                        >
 | 
			
		||||
                            Configure change requests
 | 
			
		||||
                        </Link>
 | 
			
		||||
                    </p>
 | 
			
		||||
                ) : undefined
 | 
			
		||||
            }
 | 
			
		||||
        />
 | 
			
		||||
    );
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user