ScopesPanel() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx lines 102–201

export const ScopesPanel = ({
  scopes,
  setScopes,
}: {
  scopes: OAuthScope[]
  setScopes: Dispatch<SetStateAction<OAuthScope[]>>
}) => {
  return (
    <div className="-space-y-px">
      <Scope
        title="Analytics"
        description={PERMISSIONS_DESCRIPTIONS.ANALYTICS}
        readScopeName={OAuthScope.ANALYTICS_READ}
        writeScopeName={OAuthScope.ANALYTICS_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Auth"
        description={PERMISSIONS_DESCRIPTIONS.AUTH}
        readScopeName={OAuthScope.AUTH_READ}
        writeScopeName={OAuthScope.AUTH_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Database"
        description={PERMISSIONS_DESCRIPTIONS.DATABASE}
        readScopeName={OAuthScope.DATABASE_READ}
        writeScopeName={OAuthScope.DATABASE_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Domains"
        description={PERMISSIONS_DESCRIPTIONS.DOMAINS}
        readScopeName={OAuthScope.DOMAINS_READ}
        writeScopeName={OAuthScope.DOMAINS_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Edge Functions"
        description={PERMISSIONS_DESCRIPTIONS.EDGE_FUNCTIONS}
        readScopeName={OAuthScope.EDGE_FUNCTIONS_READ}
        writeScopeName={OAuthScope.EDGE_FUNCTIONS_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Environment"
        description={PERMISSIONS_DESCRIPTIONS.ENVIRONMENT}
        readScopeName={OAuthScope.ENVIRONMENT_READ}
        writeScopeName={OAuthScope.ENVIRONMENT_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Organizations"
        description={PERMISSIONS_DESCRIPTIONS.ORGANIZATIONS}
        readScopeName={OAuthScope.ORGANIZATIONS_READ}
        writeScopeName={OAuthScope.ORGANIZATIONS_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Projects"
        description={PERMISSIONS_DESCRIPTIONS.PROJECTS}
        readScopeName={OAuthScope.PROJECTS_READ}
        writeScopeName={OAuthScope.PROJECTS_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="REST"
        description={PERMISSIONS_DESCRIPTIONS.REST}
        readScopeName={OAuthScope.REST_READ}
        writeScopeName={OAuthScope.REST_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Secrets"
        description={PERMISSIONS_DESCRIPTIONS.SECRETS}
        readScopeName={OAuthScope.SECRETS_READ}
        writeScopeName={OAuthScope.SECRETS_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
      <Scope
        title="Storage"
        description={PERMISSIONS_DESCRIPTIONS.STORAGE}
        readScopeName={OAuthScope.STORAGE_READ}
        writeScopeName={OAuthScope.STORAGE_WRITE}
        scopes={scopes}
        setScopes={setScopes}
      />
    </div>
  )
}