move custom_toast to utils (#1195)

threefoldtech · Oct 9, 2023 · 611dd8b · 611dd8b
1 parent a7d696f
commit 611dd8b
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 22 deletions.
diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
@@ -396,4 +396,16 @@ a {
 .v-list-item--density-default.v-list-item--one-line {
   min-height: 40px;
 }
+
+.mosha__toast__content-wrapper {
+  margin-bottom: -2px;
+}
+.mosha__icon {
+  margin-right: 6px !important;
+  margin-top: 2px;
+}
+
+.mosha__toast__content__text {
+  font-size: 14px !important;
+}
 </style>
diff --git a/packages/playground/src/components/deposit_dialog.vue b/packages/playground/src/components/deposit_dialog.vue
@@ -62,8 +62,8 @@ import { onBeforeUnmount, onMounted, ref } from "vue";
 import { useProfileManagerController } from "../components/profile_manager_controller.vue";
 import QrcodeGenerator from "../components/qrcode_generator.vue";
 import { useProfileManager } from "../stores";
+import { createCustomToast, ToastType } from "../utils/custom_toast";
 import { getGrid } from "../utils/grid";
-import { createCustomToast, ToastType } from "./custom_toast.vue";
 
 const depositDialog = ref(false);
 const emits = defineEmits(["close"]);

diff --git a/packages/playground/src/components/funds_card.vue b/packages/playground/src/components/funds_card.vue
@@ -15,9 +15,9 @@
 <script lang="ts">
 import { ref } from "vue";
 
-import { createCustomToast, ToastType } from "../components/custom_toast.vue";
 import { useProfileManagerController } from "../components/profile_manager_controller.vue";
 import { useProfileManager } from "../stores";
+import { createCustomToast, ToastType } from "../utils/custom_toast";
 import { getGrid } from "../utils/grid";
 
 export default {

diff --git a/packages/playground/src/components/tf_notification.vue b/packages/playground/src/components/tf_notification.vue
@@ -10,8 +10,8 @@ import { onMounted } from "vue";
 import { ref } from "vue";
 
 import { useProfileManager } from "../stores";
+import { createCustomToast, ToastType } from "../utils/custom_toast";
 import { getGrid } from "../utils/grid";
-import { createCustomToast, ToastType } from "./custom_toast.vue";
 
 const profileManager = useProfileManager();
 const contractsCount = ref(0);

diff --git a/packages/playground/src/portal/bridge_view.vue b/packages/playground/src/portal/bridge_view.vue
@@ -95,9 +95,9 @@
 import { default as StellarSdk, StrKey } from "stellar-sdk";
 import { onMounted, ref } from "vue";
 
-import { createCustomToast, ToastType } from "../components/custom_toast.vue";
 import { useProfileManagerController } from "../components/profile_manager_controller.vue";
 import { useProfileManager } from "../stores";
+import { createCustomToast, ToastType } from "../utils/custom_toast";
 import { getGrid, loadBalance } from "../utils/grid";
 
 const profileManager = useProfileManager();

diff --git a/packages/playground/src/portal/transfer_view.vue b/packages/playground/src/portal/transfer_view.vue
@@ -121,10 +121,9 @@ import { Keyring } from "@polkadot/keyring";
 import type { Twin } from "@threefold/tfchain_client";
 import { onMounted, ref } from "vue";
 
-import { createCustomToast, ToastType } from "@/components/custom_toast.vue";
-
 import { useProfileManagerController } from "../components/profile_manager_controller.vue";
 import { useProfileManager } from "../stores";
+import { createCustomToast, ToastType } from "../utils/custom_toast";
 import { getGrid, loadBalance } from "../utils/grid";
 
 const profileManagerController = useProfileManagerController();

diff --git a/...layground/src/components/custom_toast.vue → ...ages/playground/src/utils/custom_toast.ts b/...layground/src/components/custom_toast.vue → ...ages/playground/src/utils/custom_toast.ts
@@ -1,4 +1,3 @@
-<script lang="ts">
 import { createToast, type ToastOptions } from "mosha-vue-toastify";
 
 export enum ToastType {
@@ -29,18 +28,3 @@ export function createCustomToast(content: string, type: ToastType) {
 
   createToast(content, toastOptions);
 }
-</script>
-
-<style>
-.mosha__toast__content-wrapper {
-  margin-bottom: -2px;
-}
-.mosha__icon {
-  margin-right: 6px !important;
-  margin-top: 2px;
-}
-
-.mosha__toast__content__text {
-  font-size: 14px !important;
-}
-</style>