Thaïs
1351a95754
- Fixes storybook coverage command: the coverage directory path was incorrect, but instead of failing `storybook:test --configuration=ci`, it was hanging indefinitely. - Switches back to `concurrently` to launch `storybook:static` and `storybook:test` in parallel, which allows to use options to explicitly kill `storybook:static` when `storybook:test` fails. - Moves `storybook:test --configuration=ci` to its own command `storybook:static:test`: used in the CI, and can be used locally to run storybook tests without having to launch `storybook:dev` first. - Creates command `storybook:coverage` and enables cache for this command. - Fixes Jest tests that were failing. - Improves caching conditions for some tasks (for instance, no need to invalidate Jest test cache if only Storybook story files were modified).
81 lines
2.8 KiB
TypeScript
81 lines
2.8 KiB
TypeScript
import { useNavigate } from 'react-router-dom';
|
|
import { Section } from '@react-email/components';
|
|
|
|
import { useDeleteOneDatabaseConnection } from '@/databases/hooks/useDeleteOneDatabaseConnection';
|
|
import { SettingsIntegrationDatabaseConnectionSummaryCard } from '@/settings/integrations/database-connection/components/SettingsIntegrationDatabaseConnectionSummaryCard';
|
|
import { SettingsIntegrationDatabaseTablesListCard } from '@/settings/integrations/database-connection/components/SettingsIntegrationDatabaseTablesListCard';
|
|
import { useDatabaseConnection } from '@/settings/integrations/database-connection/hooks/useDatabaseConnection';
|
|
import { getConnectionDbName } from '@/settings/integrations/utils/getConnectionDbName';
|
|
import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
|
|
import { SettingsPath } from '@/types/SettingsPath';
|
|
import { H2Title } from '@/ui/display/typography/components/H2Title';
|
|
import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
|
|
|
|
export const SettingsIntegrationDatabaseConnectionShowContainer = () => {
|
|
const navigate = useNavigate();
|
|
const { connection, integration, databaseKey, tables } =
|
|
useDatabaseConnection();
|
|
|
|
const { deleteOneDatabaseConnection } = useDeleteOneDatabaseConnection();
|
|
|
|
if (!connection || !integration) {
|
|
return null;
|
|
}
|
|
|
|
const deleteConnection = async () => {
|
|
await deleteOneDatabaseConnection({ id: connection.id });
|
|
|
|
navigate(`${settingsIntegrationsPagePath}/${databaseKey}`);
|
|
};
|
|
|
|
const onEdit = () => {
|
|
navigate('./edit');
|
|
};
|
|
|
|
const settingsIntegrationsPagePath = getSettingsPagePath(
|
|
SettingsPath.Integrations,
|
|
);
|
|
|
|
const connectionName = getConnectionDbName({ integration, connection });
|
|
|
|
return (
|
|
<>
|
|
<Breadcrumb
|
|
links={[
|
|
{
|
|
children: 'Integrations',
|
|
href: settingsIntegrationsPagePath,
|
|
},
|
|
{
|
|
children: integration.text,
|
|
href: `${settingsIntegrationsPagePath}/${databaseKey}`,
|
|
},
|
|
{ children: connectionName },
|
|
]}
|
|
/>
|
|
<Section>
|
|
<H2Title title="About" description="About this remote object" />
|
|
<SettingsIntegrationDatabaseConnectionSummaryCard
|
|
databaseLogoUrl={integration.from.image}
|
|
connectionId={connection.id}
|
|
connectionName={connectionName}
|
|
onRemove={deleteConnection}
|
|
onEdit={onEdit}
|
|
/>
|
|
</Section>
|
|
<Section>
|
|
<H2Title
|
|
title="Tables"
|
|
description="Select the tables that should be tracked"
|
|
/>
|
|
{!!tables?.length && (
|
|
<SettingsIntegrationDatabaseTablesListCard
|
|
connectionId={connection.id}
|
|
tables={tables}
|
|
/>
|
|
)}
|
|
</Section>
|
|
</>
|
|
);
|
|
};
|