Cleanup profile

frontend/src/views/profile/creators/ChangeStripeIdDialog.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { useClient } from '@/plugins/api.js';
+import { ref } from 'vue';
+
+const props = defineProps({
+  creator: {
+    required: true,
+  },
+});
+
+const emits = defineEmits(['closeRequested']);
+
+const stripeId = ref(props.creator.stripeId);
+
+const client = useClient();
+
+const save = async () => {
+  try {
+    await client.post(`/api/membership/stripe-account`, {
+      stripeAccountId: stripeId.value,
+    });
+
+    props.creator.stripeId = stripeId.value;
+    emits('closeRequested');
+  } catch (error) {
+    console.error('Error saving stripe id:', error);
+  }
+};
+
+const cancel = () => {
+  emits('closeRequested');
+};
+</script>
+
+<template>
+  <div class="pb-5 text-2xl">Modifier le Stripe ID</div>
+  <div class="flex flex-col space-y-4">
+    <v-text-field
+      variant="outlined"
+      v-model="stripeId"
+      label="Stripe Id"
+      outlined
+    ></v-text-field>
+
+    <div class="flex justify-end space-x-4">
+      <v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
+      <v-btn color="#A6147D" @click="save">Enregistrer</v-btn>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.flex {
+  display: flex;
+}
+.space-y-4 > * + * {
+  margin-top: 1rem;
+}
+</style>