(undefined)
@@ -157,6 +163,32 @@ const PartyHeader = (props: Props) => {
)
}
+ // Actions: Remix team
+ function remixTeamCallback() {
+ setRemixToastOpen(true)
+ props.remixCallback()
+ }
+
+ // Alerts: Remix team
+ function openRemixTeamAlert() {
+ setRemixAlertOpen(true)
+ }
+
+ function handleRemixTeamAlertChange(open: boolean) {
+ setRemixAlertOpen(open)
+ }
+
+ // Toasts: Remix team
+ function handleRemixToastOpenChanged(open: boolean) {
+ setRemixToastOpen(!open)
+ }
+
+ function handleRemixToastCloseClicked() {
+ setRemixToastOpen(false)
+ }
+
+ // Rendering
+
const userBlock = (username?: string, picture?: string, element?: string) => {
return (
@@ -354,7 +386,7 @@ const PartyHeader = (props: Props) => {
leftAccessoryIcon={}
className="Remix"
text={t('buttons.remix')}
- onClick={props.remixCallback}
+ onClick={openRemixTeamAlert}
/>
)
@@ -423,6 +455,21 @@ const PartyHeader = (props: Props) => {
+
+
+
+
>
)
}
diff --git a/components/toasts/RemixedToast/index.tsx b/components/toasts/RemixedToast/index.tsx
index d77a5c76..e1c4b3d9 100644
--- a/components/toasts/RemixedToast/index.tsx
+++ b/components/toasts/RemixedToast/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useEffect } from 'react'
import Toast from '~components/common/Toast'
import { Trans, useTranslation } from 'next-i18next'
@@ -17,7 +17,9 @@ const RemixedToast = ({
onCloseClick,
}: Props) => {
const { t } = useTranslation('common')
-
+ useEffect(() => {
+ console.log(partyName)
+ }, [])
// Methods: Event handlers
function handleOpenChange() {
onOpenChange(open)