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

feat: link to request integration (#4634)

Browse Source 
## About the changes

![image](https://github.com/Unleash/unleash/assets/2625371/5c0852d2-28cf-4272-8892-e36de782ab61)

https://linear.app/unleash/issue/1-1343/request-integration
This commit is contained in:
Tymoteusz Czech 2023-09-08 10:46:27 +02:00 committed by GitHub
parent dff0420ca8
commit 042e8d097a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 50 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
View File

@ -1,4 +1,5 @@
import { type VFC } from 'react';
import { Typography, styled } from '@mui/material';
import type { AddonTypeSchema } from 'openapi';
import useLoading from 'hooks/useLoading';
import { PageContent } from 'component/common/PageContent/PageContent';
@ -6,7 +7,7 @@ import { PageHeader } from 'component/common/PageHeader/PageHeader';
import { IntegrationCard } from '../IntegrationCard/IntegrationCard';
import { JIRA_INFO } from '../../JiraIntegration/JiraIntegration';
import { StyledCardsGrid } from '../IntegrationList.styles';
import { Typography, styled } from '@mui/material';
import { RequestIntegrationCard } from '../RequestIntegrationCard/RequestIntegrationCard';
import { OFFICIAL_SDKS } from './SDKs';
interface IAvailableIntegrationsProps {
@ -89,6 +90,7 @@ export const AvailableIntegrations: VFC<IAvailableIntegrationsProps> = ({
/>
)
)}
<RequestIntegrationCard />
</StyledCardsGrid>
</StyledSection>
<StyledSection>

47
frontend/src/component/integrations/IntegrationList/RequestIntegrationCard/RequestIntegrationCard.tsx Normal file
View File

@ -0,0 +1,47 @@
import { VFC } from 'react';
import { styled, Typography } from '@mui/material';
import AddIcon from '@mui/icons-material/Add';
const StyledLink = styled('a')(({ theme }) => ({
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
padding: theme.spacing(3),
borderRadius: `${theme.shape.borderRadiusMedium}px`,
border: `1px dashed ${theme.palette.secondary.border}`,
textDecoration: 'none',
color: 'inherit',
background: theme.palette.background.elevation1,
':hover': {
backgroundColor: theme.palette.action.hover,
},
}));
const StyledAction = styled(Typography)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
color: theme.palette.primary.main,
fontWeight: theme.typography.fontWeightBold,
paddingTop: theme.spacing(3),
gap: theme.spacing(0.5),
}));
export const RequestIntegrationCard: VFC = () => (
<StyledLink
href="https://docs.google.com/forms/d/e/1FAIpQLScR1_iuoQiKq89c0TKtj0gM02JVWyQ2hQ-YchBMc2GRrGf7uw/viewform"
target="_blank"
rel="noopener noreferrer"
>
<Typography variant="body2" color="text.secondary" data-loading>
Are we missing any integration that you need?
</Typography>
<Typography variant="body2" color="text.secondary" data-loading>
Go ahead and request it!
</Typography>
<StyledAction data-loading>
<AddIcon />
Request integration
</StyledAction>
</StyledLink>
);