                 </Row>
                 <hr/>
 
-                {@render_upgrade_row(n, data, remaining[n], current[n], limits[n]) for n, data of ordered_quota_params}
+                {@render_upgrade_row(n, quota_params[n], remaining[n], current[n], limits[n]) for n in PROJECT_UPGRADES.field_order}
 
                 <ButtonToolbar>
                     <Button


        <div>
            {@render_admin_edit_buttons()}
            {@render_quota_row(quota, settings.get(name), upgrades[name], quota_params[name]) for name, quota of quotas}
        </div>

UsagePanel = rclass

            # user has no upgrades on their account
            <NoUpgrades cancel={@cancel_upgrading} />
        else
            # NOTE : all units are currently 'internal' instead of display, e.g. seconds instead of hours
            quota_params = @props.quota_params
            # how much upgrade you have used between all projects
            used_upgrades = @props.upgrades_you_applied_to_all_projects

