From 6327aa760fb4d8d95b27c11ae20b74f99ff21404 Mon Sep 17 00:00:00 2001
From: Karl Hobley <karl@torchbox.com>
Date: Tue, 8 Sep 2020 12:16:03 +0100
Subject: [PATCH] fixup! Show dependencies on edit translation view

---
 .../components/TranslationEditor/segments.tsx | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/wagtail_localize/static_src/editor/components/TranslationEditor/segments.tsx b/wagtail_localize/static_src/editor/components/TranslationEditor/segments.tsx
index cb0fadedf..879ede07e 100644
--- a/wagtail_localize/static_src/editor/components/TranslationEditor/segments.tsx
+++ b/wagtail_localize/static_src/editor/components/TranslationEditor/segments.tsx
@@ -746,8 +746,13 @@ const EditorRelatedObjectSegment: FunctionComponent<
                 <li>
                     {!!segment.dest ? (
                         <>
-                            {segment.translationProgress.translatedSegments} / {segment.translationProgress.totalSegments} {gettext('segments translated')}
-                            <Icon name="tick" className="icon--green" />
+                            {segment.translationProgress.translatedSegments} /{' '}
+                            {segment.translationProgress.totalSegments}{' '}
+                            {gettext('segments translated')}
+                            {segment.translationProgress.translatedSegments ==
+                                segment.translationProgress.totalSegments && (
+                                <Icon name="tick" className="icon--green" />
+                            )}
                         </>
                     ) : (
                         <>
@@ -762,11 +767,15 @@ const EditorRelatedObjectSegment: FunctionComponent<
                             {gettext('Edit')}
                         </ActionButton>
                     )}
-                    {!segment.dest && !!segment.source && segment.source.createTranslationRequestUrl && (
-                        <ActionButton onClick={openCreateTranslationRequestUrl}>
-                            {gettext('Translate')}
-                        </ActionButton>
-                    )}
+                    {!segment.dest &&
+                        !!segment.source &&
+                        segment.source.createTranslationRequestUrl && (
+                            <ActionButton
+                                onClick={openCreateTranslationRequestUrl}
+                            >
+                                {gettext('Translate')}
+                            </ActionButton>
+                        )}
                 </li>
             </SegmentToolbar>
         </li>