'use client'; import { Button } from '@/components/ui/button'; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { Plus } from 'lucide-react'; import { useEffect, useState } from 'react'; import { cn } from '@/lib/utils'; import Link from 'next/link'; export const ServiceProviderList = [ { name: 'GitHub', value: 'github', image: 'https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png', permission: 'https://github.com/apps/stalin-deploy/installations/new', }, { name: 'Registry', value: 'registry', image: '', }, { name: 'Github Registry', value: 'github-registry', image: 'https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png', }, ]; export default function CreateApplicationForm() { const [serviceProvider, setServiceProvider] = useState('github'); return ( New Application Deploy a new application from source

Select Provider

{ServiceProviderList.map((provider) => (
))}
{(serviceProvider == 'github' || serviceProvider == 'github-registry') && (

Not seeing the repositories you expected here? s.value == serviceProvider)?.permission || ''}>Edit Your GitHub Permissions

)}
); }