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

cleaning some things up

Browse Source
This commit is contained in:
Arjun Patel
2022-01-10 00:57:24 -08:00
parent 29fd6b8325
commit ffce51d10b
1 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/teams/demo.tsx
+27 -12
View File
@@ -59,7 +59,7 @@ export default class Demo extends React.Component {
} }
componentWillUnmount(): void { componentWillUnmount(): void {
// this.removeEventListener("keydown", this.handleKeyboardShortcut); document.removeEventListener("keydown", this.handleKeyboardShortcut);
} }
statusBubble(status: UserStatus): React.Component { statusBubble(status: UserStatus): React.Component {
@@ -137,7 +137,7 @@ export default class Demo extends React.Component {
{/* welcome message */} {/* welcome message */}
<span className='flex flex-col'> <span className='flex flex-col'>
<font className="font-sans font-bold text-xl">👋Hey Arjun, Good Afternoon!</font> <font className="font-sans font-bold text-xl">👋Hey Arjun, Good Afternoon!</font>
<font className="font-sans text-md text-gray-300">you collabed <font className="text-green-500">1.5 hours</font> and worked <font className="text-orange-500">2 hours</font> yesterday</font>
</span> </span>
{/* avatar */} {/* avatar */}
@@ -157,9 +157,10 @@ export default class Demo extends React.Component {
{/* personal line */} {/* personal line */}
<section className='flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'> <section className='flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'>
<span className='p-5 flex flex-col'> <span className='p-5 flex flex-col'>
<span className="text-gray-300">PERSONAL LINE</span> <span className="text-gray-300">Team</span>
<font className="font-sans text-sm text-gray-400 pt-2"> <font className="font-sans text-sm text-gray-400 pt-2">
<font className="rounded-full p-1 bg-opacity-30 bg-teal-700 text-teal-700 font-bold">3</font> teammates open for collab</font> <font className="rounded-full p-1 bg-opacity-30 bg-teal-700 text-teal-700 font-bold">3</font> teammates open for collab
</font>
</span> </span>
{/* list of team members */} {/* list of team members */}
@@ -200,14 +201,28 @@ export default class Demo extends React.Component {
} }
</section> </section>
{/* live conversations */} <div className='flex flex-col'>
<section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'> {/* announcements */}
<span className="text-gray-300">LIVE CONVERSATIONS</span> <section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'>
<span className="text-gray-300">ANNOUNCEMENTS</span>
<span> <span>
</span>
</section>
{/* live conversations */}
<section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'>
<span className="text-gray-300">LIVE CONVERSATIONS</span>
<span>
</span>
</section>
</div>
</span>
</section>
</div> </div>
@@ -238,10 +253,10 @@ export default class Demo extends React.Component {
{/* shortcuts */} {/* shortcuts */}
<span className='flex flex-row space-x-3'> <span className='flex flex-row space-x-3'>
<span className="rounded-lg p-2 ml-auto bg-gray-400 shadow-lg w-10 h-10 text-center"> <span className="rounded-lg p-2 ml-auto bg-gray-400 shadow-lg w-10 h-10 text-center animate-pulse">
<font className="text-white text-sm font-bold">R</font> <font className="text-white text-sm font-bold">R</font>
</span> </span>
<span className="rounded-lg p-2 ml-auto bg-gray-400 shadow-lg w-20 h-10 text-center"> <span className="rounded-lg p-2 ml-auto bg-gray-400 shadow-lg w-20 h-10 text-center animate-pulse">
<font className="text-white text-sm font-bold">SPACE</font> <font className="text-white text-sm font-bold">SPACE</font>
</span> </span>
</span> </span>