totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-22 07:05:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Abstract away Modal

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-18 13:10:11 -07:00
parent 050bcfc977
commit 874481cbde
3 changed files with 32 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/MailTable.vue
View File

@@ -20,13 +20,16 @@
</tbody>
</table>
<MailViewModal :email="openedEmail" :closeModal="() => {openedEmail = null;}"/>
<ModalView :isOpened="!!openedEmail" :closeModal="() => {openedEmail = null;}">
<MailView :email="openedEmail" />
</ModalView>
</template>
<script>
import { format } from 'date-fns'
import useEmailSelection from '../composition/useEmailSelection';
import MailViewModal from '@/components/MailViewModal.vue';
import MailView from '@/components/MailView.vue';
import ModalView from '@/components/ModalView.vue';
import { ref } from 'vue';
export default {
@@ -48,7 +51,8 @@
}
},
components: {
MailViewModal
MailView,
ModalView
}
}
</script>