@shopify/polaris/esnext/components/ContextualSaveBar/ContextualSaveBar.js

Shopify’s product component library

import React from 'react';
import { useFrame, } from '../../utilities/frame';
export const ContextualSaveBar = React.memo(function ContextualSaveBar({ message, saveAction, discardAction, alignContentFlush, }) {
    const { setContextualSaveBar, removeContextualSaveBar } = useFrame();
    React.useEffect(() => {
        setContextualSaveBar({
            message,
            saveAction,
            discardAction,
            alignContentFlush,
        });
    }, [
        message,
        saveAction,
        discardAction,
        alignContentFlush,
        setContextualSaveBar,
    ]);
    React.useEffect(() => {
        return removeContextualSaveBar;
    }, [removeContextualSaveBar]);
    return null;
});