fix undefined and other build errors

This commit is contained in:
Arjun Patel
2022-02-09 22:41:36 -08:00
parent 294873b69d
commit 85ef837ec6
2 changed files with 17 additions and 34 deletions
@@ -28,8 +28,8 @@ import { Routes } from "@nirvana/common/helpers/routes";
export default function ConversationFullRow(props: { export default function ConversationFullRow(props: {
conversation: Conversation; conversation: Conversation;
handleJoinLive: (conversationId: string) => Promise<void>; handleJoinLive?: (conversationId: string) => Promise<void>;
handleLeaveLive: (conversationId: string) => Promise<void>; handleLeaveLive?: (conversationId: string) => Promise<void>;
}) { }) {
const { currUser } = useAuth(); const { currUser } = useAuth();
const usersConvosMap = useRecoilValue(allUsersConversationsAtom); const usersConvosMap = useRecoilValue(allUsersConversationsAtom);
@@ -128,17 +128,21 @@ export default function ConversationFullRow(props: {
className="ml-2 flex flex-row items-center className="ml-2 flex flex-row items-center
group-hover:visible invisible text-slate-400" group-hover:visible invisible text-slate-400"
> >
<Tooltip title={"Join live."}> {props.handleJoinLive && (
<span <Tooltip title={"Join live."}>
onClick={(e) => { <span
e.stopPropagation(); onClick={(e) => {
props.handleJoinLive(props.conversation.id); e.stopPropagation();
}} if (props.handleJoinLive) {
className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200" props.handleJoinLive(props.conversation.id);
> }
<FaDotCircle className="ml-auto text-lg text-red-500" /> }}
</span> className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200"
</Tooltip> >
<FaDotCircle className="ml-auto text-lg text-red-500" />
</span>
</Tooltip>
)}
<Tooltip title={"Play last convo chunk."}> <Tooltip title={"Play last convo chunk."}>
<span <span
@@ -1,21 +0,0 @@
import Header from "../v2/Header";
import Sidebar from "../v2/Sidebar";
import React from "react";
export default function getDynamicMeLayout(page: React.ReactElement) {
console.log("rendering layout");
return (
<div className="flex flex-col">
<Header />
<div className="flex-1 flex flex-row items-stretch">
<Sidebar />
<div className="flex-1 flex flex-col px-20 justify-start items-stretch container mx-auto">
{page}
</div>
</div>
</div>
);
}