storj/web/satellite/src/components/project/ProjectCreationSuccessPopup.html

<!--Copyright (C) 2019 Storj Labs, Inc.-->
<!--See LICENSE for copying information.-->

<div v-if="isPopupShown" class="project-creation-success-popup-container">
    <div class="project-creation-success-popup" id='successfulProjectCreationPopup'>
        <div class="project-creation-success-popup__info-panel-container">
            <ProjectCreationSuccessIcon/>
            <p class="project-creation-success-popup__info-panel-container__title">Project Created!</p>
        </div>
        <div class="project-creation-success-popup__form-container">
            <h2 class="project-creation-success-popup__form-container__main-label-text">Congrats!</h2>
            <p class="project-creation-success-popup__form-container__confirmation-text">You just created your project. Next, we recommend you create your first API Key for this project. API Keys allow developers to manage their projects and build applications on top of the Storj network through our
                <a class="project-creation-success-popup__form-container__confirmation-text__link" href="https://documentation.tardigrade.io/api-reference/uplink-cli" target="_blank">Uplink CLI.</a>
            </p>
            <div class="project-creation-success-popup__form-container__button-container">
                <VButton
                    label="I will do it later"
                    width="214px"
                    height="50px"
                    :on-press="onCloseClick"
                    is-white="true"
                />
                <VButton
                    label="Create an API Key"
                    width="214px"
                    height="50px"
                    :on-press="onCreateAPIKeyClick"
                />
            </div>
        </div>
        <div class="project-creation-success-popup__close-cross-container" @click="onCloseClick">
            <CloseCrossIcon/>
        </div>
    </div>
</div>