rename all components to new namespace (#1515)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

components/environments/Add.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("new_environment") }}</h3>
@@ -33,7 +33,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/environments/Edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("edit_environment") }}</h3>
@@ -97,7 +97,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/environments/Environment.vue

@@ -27,7 +27,7 @@
         </template>
       </v-popover>
     </div>
-    <confirm-modal
+    <SmartConfirmModal
       :show="confirmRemove"
       :title="$t('are_you_sure_remove_environment')"
       @hide-modal="confirmRemove = false"

components/environments/ImportExport.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal v-if="show" @close="hideModal">
+  <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
         <h3 class="title">{{ $t("import_export") }} {{ $t("environments") }}</h3>
@@ -94,9 +94,9 @@
     <div slot="footer">
       <div class="row-wrapper">
         <span>
-          <pw-toggle :on="showJsonCode" @change="showJsonCode = $event">
+          <SmartToggle :on="showJsonCode" @change="showJsonCode = $event">
             {{ $t("show_code") }}
-          </pw-toggle>
+          </SmartToggle>
         </span>
         <span>
           <button class="icon" @click="hideModal">
@@ -108,7 +108,7 @@
         </span>
       </div>
     </div>
-  </modal>
+  </SmartModal>
 </template>
 
 <script>

components/environments/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <pw-section class="green" icon="history" :label="$t('environments')" ref="environments" no-legend>
+  <AppSection class="green" icon="history" :label="$t('environments')" ref="environments" no-legend>
     <div class="show-on-large-screen">
       <span class="select-wrapper">
         <select
@@ -17,14 +17,14 @@
         </select>
       </span>
     </div>
-    <add-environment :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
-    <edit-environment
+    <EnvironmentsAdd :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
+    <EnvironmentsEdit
       :show="showModalEdit"
       :editingEnvironment="editingEnvironment"
       :editingEnvironmentIndex="editingEnvironmentIndex"
       @hide-modal="displayModalEdit(false)"
     />
-    <import-export-environment
+    <EnvironmentsImportExport
       :show="showModalImportExport"
       @hide-modal="displayModalImportExport(false)"
     />
@@ -47,7 +47,7 @@
     <div class="virtual-list">
       <ul class="flex-col">
         <li v-for="(environment, index) in environments" :key="environment.name">
-          <environment
+          <EnvironmentsEnvironment
             :environmentIndex="index"
             :environment="environment"
             @edit-environment="editEnvironment(environment, index)"
@@ -55,7 +55,7 @@
         </li>
       </ul>
     </div>
-  </pw-section>
+  </AppSection>
 </template>
 
 <style scoped lang="scss">