talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

adding recurring meeting

Browse Source
This commit is contained in:
Arjun Patel
2022-01-11 15:44:31 -08:00
parent fb5f65bc60
commit b21cc3eecf
1 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/teams/demo.tsx
+23 -19
View File
@@ -10,7 +10,7 @@ import { FaMicrophoneAlt,
FaBell, FaBell,
FaFilePdf, FaFilePdf,
FaCopy, FaClock } from "react-icons/fa"; FaCopy, FaClock } from "react-icons/fa";
import { IoPulseOutline, IoRemoveOutline } from "react-icons/io5"; import { IoPulseOutline, IoRemoveOutline, IoTimer } from "react-icons/io5";
import { BsThreeDots } from "react-icons/bs"; import { BsThreeDots } from "react-icons/bs";
import { UserStatus, User } from '../../models/user' import { UserStatus, User } from '../../models/user'
@@ -221,7 +221,7 @@ export default class Demo extends React.Component<MyProps, MyState> {
} }
</section> </section>
<div className='flex grow flex-col space-y-5 items-baseline shrink-0'> <div className='flex-1 flex flex-col space-y-5 items-baseline'>
{/* announcements */} {/* announcements */}
<section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'> <section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'>
<span className='flex flex-row justify-end space-x-2 pb-5'> <span className='flex flex-row justify-end space-x-2 pb-5'>
@@ -268,10 +268,9 @@ export default class Demo extends React.Component<MyProps, MyState> {
</span> </span>
{/* all rooms */} {/* all rooms */}
<span className='flex flex-row space-x-2 flex-wrap'> <span className='flex flex-row flex-wrap'>
{/* bugs room */} {/* bugs room */}
<span className='flex flex-col bg-white bg-opacity-80 rounded-lg w-96 justify-between'> <span className='flex flex-col bg-white bg-opacity-80 rounded-lg w-96 justify-between m-2'>
{/* header */} {/* header */}
<span className='flex flex-row justify-between items-baseline space-x-1 p-5'> <span className='flex flex-row justify-between items-baseline space-x-1 p-5'>
{/* meeting details */} {/* meeting details */}
@@ -324,7 +323,7 @@ export default class Demo extends React.Component<MyProps, MyState> {
</span> </span>
{/* scheduled room */} {/* scheduled room */}
<span className='flex flex-col bg-white bg-opacity-80 rounded-lg justify-between w-96'> <span className='flex flex-col bg-white bg-opacity-80 rounded-lg justify-between w-96 m-2'>
{/* header */} {/* header */}
<span className='flex flex-row justify-between items-baseline space-x-1 p-5'> <span className='flex flex-row justify-between items-baseline space-x-1 p-5'>
{/* meeting details */} {/* meeting details */}
@@ -341,8 +340,10 @@ export default class Demo extends React.Component<MyProps, MyState> {
</span> </span>
{/* room status */} {/* room status */}
<span className='text-blue-700 bg-blue-200 p-1 rounded-md text-xs font-bold'> <span className='text-blue-700 bg-blue-200 p-1 rounded-md text-xs font-bold flex flex-row items-center space-x-1'>
scheduled</span> <FaClock />
<span>scheduled</span>
</span>
</span> </span>
{/* footer */} {/* footer */}
@@ -360,11 +361,7 @@ export default class Demo extends React.Component<MyProps, MyState> {
<span className='text-xs text-gray-400'>Arjun and Liam</span> <span className='text-xs text-gray-400'>Arjun and Liam</span>
<button className='ml-auto text-sm bg-gray-200 text-gray-500 rounded py-1 px-4'> <button className='ml-auto text-sm bg-transparent hover:bg-green-500 text-green-500 font-semibold hover:text-white py-1 px-4 border border-green-500 hover:border-transparent rounded'>
Interrupt
</button>
<button className='ml-2 text-sm bg-transparent hover:bg-green-500 text-green-500 font-semibold hover:text-white py-1 px-4 border border-green-500 hover:border-transparent rounded'>
Join Join
</button> </button>
@@ -372,27 +369,34 @@ export default class Demo extends React.Component<MyProps, MyState> {
</span> </span>
{/* async room */} {/* async room */}
<span className='flex flex-col bg-white bg-opacity-80 rounded-lg justify-between w-96'> <span className='flex flex-col bg-white bg-opacity-80 rounded-lg justify-between w-96 m-2'>
{/* header */} {/* header */}
<span className='flex flex-row justify-between items-baseline space-x-1 p-5'> <span className='flex flex-row justify-between items-baseline space-x-1 p-5'>
{/* meeting details */} {/* meeting details */}
<span className='flex flex-col items-baseline max-w-xs pr-20'> <span className='flex flex-col items-baseline max-w-xs pr-20'>
<span className='text-gray-500 mr-auto'> <span className='text-gray-500 mr-auto'>
Daily Standup
</span> </span>
<span className='text-sm text-gray-400 overflow-wrap'></span> <span className='text-sm text-gray-400 overflow-wrap'></span>
{/* badges and tags */} {/* badges and tags */}
<span className='flex flex-row flex-wrap space-x-2'> <span className='flex flex-row flex-wrap space-x-2'>
<span className='text-xs my-3 text-white bg-purple-400 p-1 rounded-md font-bold flex flex-row space-x-2 items-center'> <span className='text-xs my-3 text-white bg-cyan-400 p-1 rounded-md font-bold flex flex-row space-x-2 items-center'>
<span>design</span> <span>scrum</span>
</span> </span>
</span> </span>
</span> </span>
{/* room status */} {/* room status */}
<span className='text-blue-700 bg-blue-200 p-1 rounded-md text-xs font-bold'> <span className='flex flex-col items-center justify-start'>
scheduled</span> <span className='text-yellow-700 bg-yellow-200 p-1 rounded-md text-xs font-bold flex flex-row items-center space-x-1'>
<IoTimer />
<span>recurring</span>
</span>
<span className='text-gray-400 text-xs'>10am daily</span>
</span>
</span> </span>
{/* footer */} {/* footer */}