diff options
| -rw-r--r-- | packages/client/src/views/Repository.vue | 41 |
1 files changed, 25 insertions, 16 deletions
diff --git a/packages/client/src/views/Repository.vue b/packages/client/src/views/Repository.vue index 8586b2a..14fd62f 100644 --- a/packages/client/src/views/Repository.vue +++ b/packages/client/src/views/Repository.vue @@ -4,7 +4,10 @@ <RepositoryNavbar :repository="$router.currentRoute._rawValue.params.repo" :active-page="$router.currentRoute._rawValue.path.split('/')[2]" :has-readme="has_readme" /> - <router-view /> + <router-view v-if="!error" /> + <template v-else> + {{ error }} + </template> </div> </template> @@ -25,27 +28,33 @@ export default defineComponent({ }, setup(props) { const name: Ref<string> = ref(""); - const description: Ref<string> = ref(""); + const description: Ref<string | null> = ref(null); const has_readme: Ref<boolean> = ref(false); + const error: Ref<string | null> = ref(null); const fetchProjects = async(repository: string, router: Router, path: string) => { - const repository_data = await fetch(`${window.location.protocol}//${window.location.host}/api/v1/repos/${repository}`) - .catch(() => { - if(path.split("/").length === 2) { - router.replace(`/${repository}/log`); - }; - return null; - }); - - if(repository_data) { - const data: Repository = (await repository_data.json()).data; - name.value = data.name; - description.value = data.description; - has_readme.value = data.has_readme; + const repository_data = await fetch(`${window.location.protocol}//${window.location.host}/api/v1/repos/${repository}`); + + if(!repository_data.ok) { + error.value = repository_data.status === 404 + ? "404: Not found" + : "Unknown error has occurred!"; + + return; } + + if(path.split("/").length === 2) { + router.replace(`/${repository}/log`); + }; + + const data: Repository = (await repository_data.json()).data; + + name.value = data.name; + description.value = data.description; + has_readme.value = data.has_readme; }; - return { name, description, has_readme, fetchProjects }; + return { name, description, has_readme, fetchProjects, error }; }, created() { this.fetchProjects(getParam(this.$route.params, "repo"), this.$router, this.$route.path); |