mirrors/insomnia
1
0
Fork 0
mirror of https://github.com/Kong/insomnia synced 2024-11-08 06:39:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

conditional rendering (#7704)

Browse Source
This commit is contained in:
Jack Kavanagh 2024-07-12 12:44:23 +02:00 committed by GitHub
parent 895d45f51e
commit 5a370a7174
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 35 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/insomnia/src/ui/components/modals/mock-server-settings-modal.tsx
View File

@ -153,6 +153,7 @@ export const MockServerSettingsModal = ({ onClose }: { onClose: () => void }) =>
To learn more about self hosting. <Link href="https://docs.insomnia.rest/insomnia/api-mocking" className='underline'>Click here</Link>
</span>
</div>
{!isSelfHostedDisabled && (
<TextField
name="mockServerUrl"
className={`group relative flex-1 flex flex-col gap-2 ${serverType === 'cloud' ? 'disabled' : ''}`}
@ -166,6 +167,7 @@ export const MockServerSettingsModal = ({ onClose }: { onClose: () => void }) =>
className="py-1 placeholder:italic w-full pl-2 pr-7 rounded-sm border border-solid border-[--hl-sm] bg-[--color-bg] text-[--color-font] focus:outline-none focus:ring-1 focus:ring-[--hl-md] transition-colors"
/>
</TextField>
)}
<div className="flex justify-end gap-2 items-center">
<div className='flex items-center gap-2'>
<Button

5
packages/insomnia/src/ui/components/modals/workspace-settings-modal.tsx
View File

@ -26,6 +26,8 @@ interface Props {
export const WorkspaceSettingsModal = ({ workspace, mockServer, onClose }: Props) => {
const isScratchpadWorkspace = isScratchpad(workspace);
const { currentPlan } = useRouteLoaderData('/organization') as OrganizationLoaderData;
const isEnterprise = currentPlan?.type.includes('enterprise');
const isSelfHostedDisabled = !isEnterprise;
const activeWorkspaceName = workspace.name;
@ -129,7 +131,6 @@ export const WorkspaceSettingsModal = ({ workspace, mockServer, onClose }: Props
name="mockServerType"
defaultValue={mockServer?.useInsomniaCloud ? 'cloud' : 'self-hosted'}
onChange={value => {
const isEnterprise = currentPlan?.type.includes('enterprise');
if (!isEnterprise && value === 'self-hosted') {
showModal(AlertModal, {
title: 'Upgrade required',
@ -177,6 +178,7 @@ export const WorkspaceSettingsModal = ({ workspace, mockServer, onClose }: Props
To learn more about self hosting. <Link href="https://docs.insomnia.rest/insomnia/api-mocking" className='underline'>Click here</Link>
</span>
</div>
{!isSelfHostedDisabled && (
<TextField
autoFocus
name="name"
@ -193,6 +195,7 @@ export const WorkspaceSettingsModal = ({ workspace, mockServer, onClose }: Props
className="py-1 placeholder:italic w-full pl-2 pr-7 rounded-sm border border-solid border-[--hl-sm] bg-[--color-bg] text-[--color-font] focus:outline-none focus:ring-1 focus:ring-[--hl-md] transition-colors"
/>
</TextField>
)}
</>
)}
</div>