Merge pull request #107 from ascribe/cosmetic-fix-for-multiline-destructure

Update multiline destructuring format based on style guide
2024-12-22 09:23:13 +01:00 · 2016-02-09 09:27:26 +01:00 · 2016-02-09 09:27:26 +01:00 · dad4ea4e87
commit dad4ea4e87
parent 8b0f27a17d 8fce04125f
29 changed files with 218 additions and 254 deletions
--- a/js/components/ascribe_accordion_list/accordion_list_item.js
+++ b/js/components/ascribe_accordion_list/accordion_list_item.js
@ -21,16 +21,15 @@ let AccordionListItem = React.createClass({
    },

    render() {
-        const {
-            linkData,
+        const { badge,
+                buttons,
+                children,
                className,
-            thumbnail,
                heading,
+                linkData,
                subheading,
                subsubheading,
-            buttons,
-            badge,
-            children } = this.props;
+                thumbnail } = this.props;

        return (
            <div className="row">
--- a/js/components/ascribe_accordion_list/accordion_list_item_piece.js
+++ b/js/components/ascribe_accordion_list/accordion_list_item_piece.js
@ -44,8 +44,7 @@ let AccordionListItemPiece = React.createClass({
    },

    render() {
-        const {
-            artistName,
+        const { artistName,
                badge,
                buttons,
                children,
--- a/js/components/ascribe_buttons/acl_button_list.js
+++ b/js/components/ascribe_buttons/acl_button_list.js
@ -66,8 +66,7 @@ let AclButtonList = React.createClass({
    },

    render() {
-        const {
-            availableAcls,
+        const { availableAcls,
                buttonsStyle,
                className,
                currentUser,
--- a/js/components/ascribe_buttons/acls/acl_button.js
+++ b/js/components/ascribe_buttons/acls/acl_button.js
@ -41,8 +41,7 @@ export default function AclButton({ action, displayName, title, tooltip }) {
        },

        render() {
-            const {
-                availableAcls,
+            const { availableAcls,
                    buttonAcceptClassName,
                    currentUser,
                    email,
--- a/js/components/ascribe_detail/detail_property.js
+++ b/js/components/ascribe_detail/detail_property.js
@ -32,8 +32,7 @@ const DetailProperty = React.createClass({
    },

    render() {
-        const {
-            children,
+        const { children,
                className,
                ellipsis,
                label,
--- a/js/components/ascribe_detail/edition.js
+++ b/js/components/ascribe_detail/edition.js
@ -53,8 +53,7 @@ let Edition = React.createClass({
    },

    render() {
-        const {
-            actionPanelButtonListType,
+        const { actionPanelButtonListType,
                coaError,
                currentUser,
                edition,
--- a/js/components/ascribe_detail/edition_action_panel.js
+++ b/js/components/ascribe_detail/edition_action_panel.js
@ -101,8 +101,7 @@ let EditionActionPanel = React.createClass({
    },

    render() {
-        const {
-            actionPanelButtonListType: ActionPanelButtonListType,
+        const { actionPanelButtonListType: ActionPanelButtonListType,
                currentUser,
                edition,
                whitelabel } = this.props;
--- a/js/components/ascribe_detail/further_details_fileuploader.js
+++ b/js/components/ascribe_detail/further_details_fileuploader.js
@ -45,8 +45,7 @@ let FurtherDetailsFileuploader = React.createClass({
    },

    render() {
-        const {
-            editable,
+        const { editable,
                isReadyForFormSubmission,
                multiple,
                onValidationFailed,
--- a/js/components/ascribe_forms/acl_form_factory.js
+++ b/js/components/ascribe_forms/acl_form_factory.js
@ -54,8 +54,7 @@ let AclFormFactory = React.createClass({
    },

    render() {
-        const {
-            action,
+        const { action,
                autoFocusProperty,
                pieceOrEditions,
                currentUser,
--- a/js/components/ascribe_forms/form_consign.js
+++ b/js/components/ascribe_forms/form_consign.js
@ -62,8 +62,7 @@ let ConsignForm = React.createClass({

    render() {
        const { email } = this.state;
-        const {
-            autoFocusProperty,
+        const { autoFocusProperty,
                createPublicContractAgreement,
                email: defaultEmail,
                handleSuccess,
--- a/js/components/ascribe_forms/form_loan.js
+++ b/js/components/ascribe_forms/form_loan.js
@ -118,8 +118,7 @@ let LoanForm = React.createClass({

    render() {
        const { email } = this.state;
-        const {
-            children,
+        const { children,
                createPublicContractAgreement,
                email: defaultEmail,
                handleSuccess,
--- a/js/components/ascribe_forms/form_login.js
+++ b/js/components/ascribe_forms/form_login.js
@ -44,8 +44,7 @@ let LoginForm = React.createClass({
    },

    render() {
-        const {
-            headerMessage,
+        const { headerMessage,
                location: { query: { email: emailQuery } },
                submitMessage } = this.props;

--- a/js/components/ascribe_forms/form_register_piece.js
+++ b/js/components/ascribe_forms/form_register_piece.js
@ -117,8 +117,7 @@ let RegisterPieceForm = React.createClass({
    },

    render() {
-        const {
-            children,
+        const { children,
                currentUser,
                disabled,
                enableLocalHashing,
--- a/js/components/ascribe_forms/form_signup.js
+++ b/js/components/ascribe_forms/form_signup.js
@ -58,8 +58,7 @@ let SignupForm = React.createClass({
    },

    render() {
-        const {
-            children,
+        const { children,
                headerMessage,
                location: { query: { email: emailQuery } },
                submitMessage } = this.props;
--- a/js/components/ascribe_forms/input_contract_agreement_checkbox.js
+++ b/js/components/ascribe_forms/input_contract_agreement_checkbox.js
@ -143,16 +143,14 @@ const InputContractAgreementCheckbox = React.createClass({
    getContractCheckbox() {
        const contractAgreement = this.getContractAgreement();

-        if(contractAgreement) {
-            const {
-                datetime_accepted: datetimeAccepted,
-                contract: {
+        if (contractAgreement) {
+            const { contract: {
                        issuer: contractIssuer,
                        blob: { url_safe: contractUrl }
-                }
-            } = contractAgreement;
+                    },
+                    datetime_accepted: datetimeAccepted } = contractAgreement;

-            if(datetimeAccepted) {
+            if (datetimeAccepted) {
                return (
                    <div
                        className="notification-contract-pdf"
@ -168,10 +166,7 @@ const InputContractAgreementCheckbox = React.createClass({
                    </div>
                );
            } else {
-                const {
-                    name,
-                    disabled,
-                    style } = this.props;
+                const { disabled, name, style } = this.props;

                return (
                    <InputCheckbox
--- a/js/components/ascribe_forms/input_fineuploader.js
+++ b/js/components/ascribe_forms/input_fineuploader.js
@ -60,11 +60,11 @@ const InputFineUploader = React.createClass({
            value: file.key
        });

-        if(this.state.value && typeof this.props.onChange === 'function') {
+        if (this.state.value && typeof this.props.onChange === 'function') {
            this.props.onChange({ target: { value: this.state.value } });
        }

-        if(typeof this.props.submitFile === 'function') {
+        if (typeof this.props.submitFile === 'function') {
            this.props.submitFile(file);
        }
    },
@ -81,8 +81,7 @@ const InputFineUploader = React.createClass({
    },

    render() {
-        const {
-            areAssetsDownloadable,
+        const { areAssetsDownloadable,
                createBlobRoutine,
                enableLocalHashing,
                disabled,
@ -102,7 +101,7 @@ const InputFineUploader = React.createClass({

        // if disabled is actually set by property, we want to override
        // isFineUploaderActive
-        if(typeof disabled !== 'undefined') {
+        if (typeof disabled !== 'undefined') {
            editable = !disabled;
        }

--- a/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop.js
+++ b/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop.js
@ -158,7 +158,7 @@ let FileDragAndDrop = React.createClass({
                handlePauseFile={this.handlePauseFile}
                handleResumeFile={this.handleResumeFile}
                areAssetsDownloadable={areAssetsDownloadable}
-                areAssetsEditable={areAssetsEditable}/>
+                areAssetsEditable={areAssetsEditable} />
        );
    },

@ -176,16 +176,14 @@ let FileDragAndDrop = React.createClass({
    },

    render: function () {
-        const {
-            filesToUpload,
+        const { allowedExtensions,
                dropzoneInactive,
-            hashingProgress,
-            handleCancelHashing,
-            multiple,
-            showError,
                errorClass,
-            fileClassToUpload,
-            allowedExtensions } = this.props;
+                filesToUpload,
+                handleCancelHashing,
+                hashingProgress,
+                multiple,
+                showError } = this.props;

        // has files only is true if there are files that do not have the status deleted, canceled, or failed
        const hasFiles = filesToUpload
--- a/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_dialog.js
+++ b/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_dialog.js
@ -34,12 +34,11 @@ let FileDragAndDropDialog = React.createClass({
    },

    render() {
-        const {
-            multipleFiles,
-            enableLocalHashing,
-            uploadMethod,
+        const { enableLocalHashing,
                fileClassToUpload,
-            onClick } = this.props;
+                multipleFiles,
+                onClick,
+                uploadMethod } = this.props;
        let dialogElement;

        if (enableLocalHashing && !uploadMethod) {
--- a/js/components/ascribe_uploader/ascribe_upload_button/upload_button.js
+++ b/js/components/ascribe_uploader/ascribe_upload_button/upload_button.js
@ -146,9 +146,7 @@ export default function UploadButton({ className = 'btn btn-default btn-sm', sho
        },

        render() {
-            const {
-                multiple,
-                allowedExtensions } = this.props;
+            const { allowedExtensions, multiple } = this.props;
            const { disabled } = this.state;


--- a/js/components/ascribe_uploader/react_s3_fine_uploader.js
+++ b/js/components/ascribe_uploader/react_s3_fine_uploader.js
@ -1058,8 +1058,7 @@ const ReactS3FineUploader = React.createClass({

    render() {
        const { errorState: { errorClass }, filesToUpload, uploadInProgress } = this.state;
-        const {
-            areAssetsDownloadable,
+        const { areAssetsDownloadable,
                areAssetsEditable,
                enableLocalHashing,
                fileClassToUpload,
--- a/js/components/global_notification.js
+++ b/js/components/global_notification.js
@ -53,11 +53,10 @@ let GlobalNotification = React.createClass({
    },

    renderNotification() {
-        const {
-            notificationQueue: [notification],
-            notificationStatus,
+        const { containerWidth,
                notificationsPaused,
-            containerWidth } = this.state;
+                notificationQueue: [notification],
+                notificationStatus } = this.state;

        const notificationClasses = [];

--- a/js/components/piece_list.js
+++ b/js/components/piece_list.js
@ -277,8 +277,7 @@ let PieceList = React.createClass({
    },

    render() {
-        const {
-            accordionListItemType: AccordionListItemType,
+        const { accordionListItemType: AccordionListItemType,
                bulkModalButtonListType: BulkModalButtonListType,
                currentUser,
                customSubmitButton,
--- a/js/components/whitelabel/prize/simple_prize/components/ascribe_detail/prize_piece_container.js
+++ b/js/components/whitelabel/prize/simple_prize/components/ascribe_detail/prize_piece_container.js
@ -281,8 +281,7 @@ let PrizePieceRatings = React.createClass({
    },

    fetchRatingsIfAuthorized(state = this.state) {
-        const {
-            currentUser: {
+        const { currentUser: {
                    is_admin: isAdmin,
                    is_judge: isJudge,
                    is_jury: isJury
--- a/js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js
+++ b/js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js
@ -34,8 +34,7 @@ let WalletPieceContainer = React.createClass({
    },

    render() {
-        const {
-            children,
+        const { children,
                currentUser,
                handleDeleteSuccess,
                loadPiece,
--- a/js/components/whitelabel/wallet/components/market/market_buttons/market_acl_button_list.js
+++ b/js/components/whitelabel/wallet/components/market/market_buttons/market_acl_button_list.js
@ -27,8 +27,7 @@ let MarketAclButtonList = React.createClass({
    },

    render() {
-        const {
-            availableAcls,
+        const { availableAcls,
                children,
                className,
                currentUser,
--- a/js/components/whitelabel/wallet/components/market/market_buttons/market_submit_button.js
+++ b/js/components/whitelabel/wallet/components/market/market_buttons/market_submit_button.js
@ -32,8 +32,7 @@ let MarketSubmitButton = React.createClass({

    canEditionBeSubmitted(edition) {
        if (edition && edition.extra_data && edition.other_data) {
-            const {
-                extra_data: {
+            const { extra_data: {
                        artist_bio: artistBio,
                        display_instructions: displayInstructions,
                        technology_details: technologyDetails,
@ -78,8 +77,7 @@ let MarketSubmitButton = React.createClass({
    },

    render() {
-        const {
-            availableAcls,
+        const { availableAcls,
                currentUser,
                className,
                editions,
--- a/js/components/whitelabel/wallet/components/market/market_forms/market_additional_data_form.js
+++ b/js/components/whitelabel/wallet/components/market/market_forms/market_additional_data_form.js
@ -107,8 +107,7 @@ let MarketAdditionalDataForm = React.createClass({
    },

    render() {
-        const {
-            editable,
+        const { editable,
                extraData = {},
                isInline,
                handleSuccess,
--- a/js/components/whitelabel/wallet/components/market/market_piece_list.js
+++ b/js/components/whitelabel/wallet/components/market/market_piece_list.js
@ -27,8 +27,7 @@ let MarketPieceList = React.createClass({
    },

    render() {
-        const {
-            currentUser: { email: userEmail },
+        const { currentUser: { email: userEmail },
                whitelabel: {
                    name: whitelabelName = 'Market',
                    user: whitelabelAdminEmail
--- a/js/components/whitelabel/wallet/components/market/market_register_piece.js
+++ b/js/components/whitelabel/wallet/components/market/market_register_piece.js
@ -101,8 +101,7 @@ let MarketRegisterPiece = React.createClass({
    },

    render() {
-        const {
-            location,
+        const { location,
                whitelabel: {
                    name: whitelabelName = 'Market'
                } } = this.props