From 7cf3dfaa7917408fabe3bcd328e5de02564b013b Mon Sep 17 00:00:00 2001
From: Isaac <git@eartharoid.me>
Date: Tue, 20 Dec 2022 16:34:34 +0000
Subject: [PATCH] fix: photographers list

---
 .../modals/main/settings/sections/About.jsx         | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/modals/main/settings/sections/About.jsx b/src/components/modals/main/settings/sections/About.jsx
index 36a18db5..e1b0c866 100644
--- a/src/components/modals/main/settings/sections/About.jsx
+++ b/src/components/modals/main/settings/sections/About.jsx
@@ -103,7 +103,7 @@ export default class About extends PureComponent {
       sponsors,
       update,
       other_contributors,
-      photographers: photographers.sort().join(', '),
+      photographers,
       loading: null,
     });
   }
@@ -347,8 +347,15 @@ export default class About extends PureComponent {
           <span className="title">
             {variables.getMessage('modals.main.settings.sections.about.photographers')}
           </span>
-          <p>{this.state.loading}</p>
-          <span className="subtitle">{this.state.photographers}</span>
+          {!!this.state.loading ? <p>{this.state.loading}</p> : <></> }
+          <ul>
+            {this.state.photographers.map(({ name, count }) => <>
+              <li>
+                {name}
+                <span style={{ color: '#ccc' }}> ({count} images)</span>
+              </li>
+            </>)}
+          </ul>
         </div>
       </>
     );