Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-27 21:39:16 -05:00
Code Issues Activity

fix(console): do not show unsaved alert after delete connector (#1496)

Browse source
This commit is contained in:
Gao Sun 2022-07-08 23:17:15 +08:00 • committed by GitHub
parent 58558e5011
commit 61a6b1ab4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/console/src/pages/ConnectorDetails/components/ConnectorContent.tsx
View file

@ -14,11 +14,12 @@ import * as styles from '../index.module.scss';
import SenderTester from './SenderTester'; import SenderTester from './SenderTester';
type Props = { type Props = {
isDeleted: boolean;
connectorData: ConnectorDTO; connectorData: ConnectorDTO;
onConnectorUpdated: (connector: ConnectorDTO) => void; onConnectorUpdated: (connector: ConnectorDTO) => void;
}; };
const ConnectorContent = ({ connectorData, onConnectorUpdated }: Props) => { const ConnectorContent = ({ isDeleted, connectorData, onConnectorUpdated }: Props) => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' }); const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
const [config, setConfig] = useState<string>(); const [config, setConfig] = useState<string>();
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
@ -116,7 +117,7 @@ const ConnectorContent = ({ connectorData, onConnectorUpdated }: Props) => {
/> />
</div> </div>
</div> </div>
<UnsavedChangesAlertModal hasUnsavedChanges={hasUnsavedChanges} /> <UnsavedChangesAlertModal hasUnsavedChanges={!isDeleted && hasUnsavedChanges} />
</> </>
); );
}; };

3
packages/console/src/pages/ConnectorDetails/index.tsx
View file

@ -35,6 +35,7 @@ import * as styles from './index.module.scss';
const ConnectorDetails = () => { const ConnectorDetails = () => {
const { connectorId } = useParams(); const { connectorId } = useParams();
const { mutate: mutateGlobal } = useSWRConfig(); const { mutate: mutateGlobal } = useSWRConfig();
const [isDeleted, setIsDeleted] = useState(false);
const [isReadMeOpen, setIsReadMeOpen] = useState(false); const [isReadMeOpen, setIsReadMeOpen] = useState(false);
const [isSetupOpen, setIsSetupOpen] = useState(false); const [isSetupOpen, setIsSetupOpen] = useState(false);
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' }); const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
@ -60,6 +61,7 @@ const ConnectorDetails = () => {
toast.success(t('connector_details.connector_deleted')); toast.success(t('connector_details.connector_deleted'));
await mutateGlobal('/api/connectors'); await mutateGlobal('/api/connectors');
setIsDeleted(true);
if (data?.type === ConnectorType.Social) { if (data?.type === ConnectorType.Social) {
navigate(`/connectors/social`, { replace: true }); navigate(`/connectors/social`, { replace: true });
@ -169,6 +171,7 @@ const ConnectorDetails = () => {
</TabNavItem> </TabNavItem>
</TabNav> </TabNav>
<ConnectorContent <ConnectorContent
isDeleted={isDeleted}
connectorData={data} connectorData={data}
onConnectorUpdated={(connector) => { onConnectorUpdated={(connector) => {
void mutate(connector); void mutate(connector);