diff --git a/frontend/ui/src/lib/components/ResolutionModal.svelte b/frontend/ui/src/lib/components/ResolutionModal.svelte
new file mode 100644
index 00000000..4279e57c
--- /dev/null
+++ b/frontend/ui/src/lib/components/ResolutionModal.svelte
@@ -0,0 +1,26 @@
+
+
+
+
+
+ Solution du défi
+ {#if exercice}
+ : {exercice.title}
+ {/if}
+
+
+ {@html resolution}
+
+
diff --git a/frontend/ui/src/routes/[theme]/[exercice]/+page.svelte b/frontend/ui/src/routes/[theme]/[exercice]/+page.svelte
index 5dea354c..045eb453 100644
--- a/frontend/ui/src/routes/[theme]/[exercice]/+page.svelte
+++ b/frontend/ui/src/routes/[theme]/[exercice]/+page.svelte
@@ -2,6 +2,7 @@
import {
Alert,
Badge,
+ Button,
Card,
CardBody,
CardHeader,
@@ -16,6 +17,7 @@
import ExerciceHints from '$lib/components/ExerciceHints.svelte';
import ExerciceSolved from '$lib/components/ExerciceSolved.svelte';
import ExerciceVideo from '$lib/components/ExerciceVideo.svelte';
+ import ResolutionModal from '$lib/components/ResolutionModal.svelte';
import { current_exercice } from '$lib/stores/exercices';
import { my } from '$lib/stores/my';
@@ -23,6 +25,7 @@
import { settings } from '$lib/stores/settings';
let solved = {};
+ let openResolution = false;
{#if $current_exercice}
@@ -184,9 +187,17 @@
{/if}
{#if $my.exercices[$current_exercice.id].resolution || $my.exercices[$current_exercice.id].video_uri}
-
-
- Solution du défi
+
+
+
+ Solution du défi
+
+ {#if $my.exercices[$current_exercice.id].resolution}
+
+
+ {/if}
{#if $my.exercices[$current_exercice.id].resolution}