You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.7 KiB
60 lines
1.7 KiB
'use client'
|
|
|
|
import { useState } from 'react'
|
|
|
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
|
import SendSms from './send-sms'
|
|
import ReceivedSms from './received-sms'
|
|
import BulkSMSSend from './bulk-sms-send'
|
|
import { Badge } from '@/components/ui/badge'
|
|
|
|
export default function Messaging() {
|
|
const [currentTab, setCurrentTab] = useState('send')
|
|
|
|
const handleTabChange = (value: string) => {
|
|
setCurrentTab(value)
|
|
}
|
|
|
|
return (
|
|
<div className='grid gap-6 max-w-sm md:max-w-xl mx-auto mt-10'>
|
|
<Tabs
|
|
value={currentTab}
|
|
onValueChange={handleTabChange}
|
|
className='space-y-4'
|
|
>
|
|
<TabsList className='flex'>
|
|
<TabsTrigger value='send' className='flex-1'>
|
|
Send
|
|
</TabsTrigger>
|
|
<TabsTrigger value='bulk-send' className='flex-1'>
|
|
Bulk Send{' '}
|
|
<Badge
|
|
variant='outline'
|
|
className='ml-2 bg-blue-500 text-white dark:bg-blue-600 dark:text-white'
|
|
>
|
|
new
|
|
</Badge>
|
|
</TabsTrigger>
|
|
<TabsTrigger value='received' className='flex-1'>
|
|
Received
|
|
</TabsTrigger>
|
|
</TabsList>
|
|
|
|
<TabsContent value='send' className='space-y-4'>
|
|
<SendSms />
|
|
</TabsContent>
|
|
|
|
<TabsContent value='bulk-send' className='space-y-4'>
|
|
{/* comming soon section */}
|
|
<div className='grid gap-6 max-w-xl mx-auto mt-10'>
|
|
<BulkSMSSend />
|
|
</div>
|
|
</TabsContent>
|
|
|
|
<TabsContent value='received' className='space-y-4'>
|
|
<ReceivedSms />
|
|
</TabsContent>
|
|
</Tabs>
|
|
</div>
|
|
)
|
|
}
|