diff --git a/pages/teams/demo.tsx b/pages/teams/demo.tsx index 01ec192..d738a67 100644 --- a/pages/teams/demo.tsx +++ b/pages/teams/demo.tsx @@ -1,7 +1,10 @@ import Head from 'next/head' import Image from 'next/image'; import React from 'react'; -import { FaMicrophoneAlt, FaHeadphonesAlt, FaTh } from "react-icons/fa"; +import { FaMicrophoneAlt, FaHeadphonesAlt, FaTh, FaAngleDown, FaPlusSquare, FaBroom } from "react-icons/fa"; +import { IoPulseOutline, IoRemoveOutline } from "react-icons/io5"; +import { BsThreeDots } from "react-icons/bs"; + import { UserStatus, User } from '../../models/user' import { KeyCode } from '../../globals/keycode' @@ -77,6 +80,19 @@ export default class Demo extends React.Component { } } + renderPulse(status: UserStatus) { + switch(status) { + case UserStatus.online: + return + case UserStatus.busy: + return + case UserStatus.offline: + return + default: + return + } + } + handleKeyboardShortcut(event) { console.log(event.keyCode) @@ -119,7 +135,7 @@ export default class Demo extends React.Component { render() { return ( <> -
+
{/* welcome message */} - 👋Hey Arjun, Good Afternoon! + 👋Hey Arjun, Good Afternoon! you collabed 1.5 hours and worked 2 hours yesterday {/* avatar */} - - - + + + @@ -157,9 +173,9 @@ export default class Demo extends React.Component { {/* personal line */}
- Team - - 3 teammates open for collab + TEAM + + 3 teammates open for collab @@ -167,9 +183,9 @@ export default class Demo extends React.Component { { testFriends.map((friend, i) => { return ( - + - + {this.statusBubble(friend.status)} @@ -177,7 +193,7 @@ export default class Demo extends React.Component { - {friend.name} + {friend.name} {friend.role} @@ -195,41 +211,100 @@ export default class Demo extends React.Component { {i} } + + {this.renderPulse(friend.status)} ) }) }
-
+
{/* announcements */}
- ANNOUNCEMENTS - - - + + ANNOUNCEMENTS + + + + + TODAY + + +
+ + + + + { + testFriends.map((friend, i) => { + return ( + + + + {this.statusBubble(friend.status)} + + profile + + ) + }) + } +
- {/* live conversations */} -
- LIVE CONVERSATIONS - - + {/* rooms */} +
+ + ROOMS + + + + + + + + {/* all rooms */} + + + {/* bugs room */} + + + + + + + profile + + + profile + + + + + + Bugs + started 5 minutes ago + + + + + + + + +
- -
- - {/* */} -
- -
diff --git a/public/wallpapers/dark-mountains.jpg b/public/wallpapers/dark-mountains.jpg new file mode 100644 index 0000000..69aef49 Binary files /dev/null and b/public/wallpapers/dark-mountains.jpg differ diff --git a/public/wallpapers/superhuman.jpg b/public/wallpapers/superhuman.jpg new file mode 100644 index 0000000..3351b44 Binary files /dev/null and b/public/wallpapers/superhuman.jpg differ diff --git a/styles/globals.css b/styles/globals.css index 8503e62..5730f9f 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -19,6 +19,14 @@ a { /* my personal css */ +html { + background: url('/wallpapers/superhuman.jpg') no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} + main { padding: 4em; }