mirror of
https://github.com/supabase/supabase.git
synced 2026-05-11 19:26:38 +08:00
308cd791a2
This PR preps the monorepo for a migration to Tailwind v4: - Bump all Tailwind dependencies and libraries to the latest possible version, while still compatible with Tailwind 3. - Cleans up obsolete Tailwind 3 specific options and configs. - Cleans up unused CSS files and fixes the CSS imports. - Migrates all `important` uses in `@apply` lines to using the `!` prefix. - Move `typography.css` to the `config` package and import it from the apps. - Migrated all occurrences of `flex-grow`, `flex-shrink`, `overflow-clip` and `overflow-ellipsis` since they're deprecated and will be removed in Tailwind 4. - Make the default theme object typesafe in the `ui` package. - Migrate all `bg-opacity`, `border-opacity`, `ring-opacity` and `divider-opacity` to the new format where they're declared as part of the property color. - Bump and unify all imports of `postcss` dependency.
67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import { useParams } from 'common'
|
|
import { Lock } from 'lucide-react'
|
|
import { toast } from 'sonner'
|
|
import { Modal } from 'ui'
|
|
import { Admonition } from 'ui-patterns'
|
|
|
|
import { useAuthorizedAppRevokeMutation } from '@/data/oauth/authorized-app-revoke-mutation'
|
|
import type { AuthorizedApp } from '@/data/oauth/authorized-apps-query'
|
|
|
|
export interface RevokeAppModalProps {
|
|
selectedApp?: AuthorizedApp
|
|
onClose: () => void
|
|
}
|
|
|
|
export const RevokeAppModal = ({ selectedApp, onClose }: RevokeAppModalProps) => {
|
|
const { slug } = useParams()
|
|
const { mutate: revokeAuthorizedApp, isPending: isDeleting } = useAuthorizedAppRevokeMutation({
|
|
onSuccess: () => {
|
|
toast.success(`Successfully revoked the app "${selectedApp?.name}"`)
|
|
onClose()
|
|
},
|
|
})
|
|
|
|
const onConfirmDelete = async () => {
|
|
if (!slug) return console.error('Slug is required')
|
|
if (!selectedApp?.id) return console.error('App ID is required')
|
|
revokeAuthorizedApp({ slug, id: selectedApp?.id })
|
|
}
|
|
|
|
return (
|
|
<Modal
|
|
size="medium"
|
|
alignFooter="right"
|
|
header={`Confirm to revoke ${selectedApp?.name}`}
|
|
visible={selectedApp !== undefined}
|
|
loading={isDeleting}
|
|
onCancel={onClose}
|
|
onConfirm={onConfirmDelete}
|
|
>
|
|
<Modal.Content>
|
|
<Admonition
|
|
type="warning"
|
|
title="This action cannot be undone"
|
|
description={`${selectedApp?.name} application will no longer have access to your organization's settings
|
|
and projects.`}
|
|
/>
|
|
</Modal.Content>
|
|
<Modal.Content>
|
|
<ul className="space-y-5">
|
|
<li className="flex gap-3 text-sm">
|
|
<Lock size={14} className="shrink-0" />
|
|
<div>
|
|
<strong>Before you remove this app, consider:</strong>
|
|
<ul className="space-y-2 mt-2">
|
|
<li className="list-disc ml-4">
|
|
No users are currently using this application. The application will no longer have
|
|
access to your organization after being revoked.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</Modal.Content>
|
|
</Modal>
|
|
)
|
|
}
|