diff --git a/components/LanguageSwitch/index.tsx b/components/LanguageSwitch/index.tsx
index c14fc907..ba42bbce 100644
--- a/components/LanguageSwitch/index.tsx
+++ b/components/LanguageSwitch/index.tsx
@@ -8,7 +8,7 @@ import styles from './index.module.scss'
 interface Props extends SwitchPrimitive.SwitchProps {}
 
 export const LanguageSwitch = React.forwardRef<HTMLButtonElement, Props>(
-  function languageSwitch(
+  function LanguageSwitch(
     { children }: PropsWithChildren<Props>,
     forwardedRef
   ) {
diff --git a/components/common/Input/index.tsx b/components/common/Input/index.tsx
index 96ba3664..70e88024 100644
--- a/components/common/Input/index.tsx
+++ b/components/common/Input/index.tsx
@@ -18,7 +18,7 @@ const defaultProps = {
   showCounter: false,
 }
 
-const Input = React.forwardRef<HTMLInputElement, Props>(function input(
+const Input = React.forwardRef<HTMLInputElement, Props>(function Input(
   {
     value: initialValue,
     bound,
diff --git a/components/common/Select/index.tsx b/components/common/Select/index.tsx
index aefc5ade..122d294d 100644
--- a/components/common/Select/index.tsx
+++ b/components/common/Select/index.tsx
@@ -31,7 +31,7 @@ interface Props
   overlayVisible?: boolean
 }
 
-const Select = React.forwardRef<HTMLButtonElement, Props>(function select(
+const Select = React.forwardRef<HTMLButtonElement, Props>(function Select(
   props: Props,
   forwardedRef
 ) {
diff --git a/components/common/Textarea/index.tsx b/components/common/Textarea/index.tsx
index 6bfa4520..11b3c7fe 100644
--- a/components/common/Textarea/index.tsx
+++ b/components/common/Textarea/index.tsx
@@ -8,7 +8,7 @@ interface Props extends React.ComponentProps<'div'> {
   value?: string
 }
 
-const Textarea = React.forwardRef<HTMLDivElement, Props>(function textarea(
+const Textarea = React.forwardRef<HTMLDivElement, Props>(function Textarea(
   { bound, value: initialValue, ...props }: Props,
   forwardedRef
 ) {
diff --git a/components/party/PartyFooter/index.tsx b/components/party/PartyFooter/index.tsx
index 99d669e4..8195fc04 100644
--- a/components/party/PartyFooter/index.tsx
+++ b/components/party/PartyFooter/index.tsx
@@ -34,7 +34,7 @@ interface Props {
   new: boolean
   editable: boolean
   remixCallback: () => void
-  updateCallback: (details: DetailsObject) => void
+  updateCallback: (details: DetailsObject) => Promise<any>
 }
 
 const PartyFooter = (props: Props) => {
@@ -48,6 +48,7 @@ const PartyFooter = (props: Props) => {
 
   // State: Component
   const [currentSegment, setCurrentSegment] = useState(0)
+  const [detailsOpen, setDetailsOpen] = useState(false)
   const [remixAlertOpen, setRemixAlertOpen] = useState(false)
   const [remixToastOpen, setRemixToastOpen] = useState(false)
 
@@ -160,6 +161,11 @@ const PartyFooter = (props: Props) => {
     })
   }
 
+  // Actions: Edit info
+  function handleDetailsOpenChange(open: boolean) {
+    setDetailsOpen(open)
+  }
+
   // Actions: Remix team
   function remixTeamCallback() {
     setRemixToastOpen(true)
@@ -217,8 +223,10 @@ const PartyFooter = (props: Props) => {
           <h3>{t('footer.description.empty')}</h3>
           {props.editable && (
             <EditPartyModal
+              open={detailsOpen}
               party={props.party}
-              updateCallback={props.updateCallback}
+              onOpenChange={handleDetailsOpenChange}
+              updateParty={props.updateCallback}
             >
               <Button
                 leftAccessoryIcon={<EditIcon />}