iterate

Author: Betree

TODO.md

@@ -15,6 +15,9 @@
 - [ ] convert more components to TypeScript
 - [ ] convert more components to functional components
 - [ ] remove legacy withTranslation/withRouter hooks and replace with hooks
+- [ ] add multiple times the same source, further comments are not displayed
+- [ ] Adding a link in a comment text shows wrong error message
+- [ ] Adding a link in a statement text shows wrong error message
 
 # To test
 

app/components/Comments/Source.jsx

@@ -33,7 +33,7 @@ const isPlayer = (url) => {
 
 const PLAYER_CONFIG = { youtube: { playerVars: { showinfo: 1 } } }
 
-export const Source = ({ source: { url, title, site_name }, withoutPlayer }) => {
+export const Source = ({ source: { url, title, siteName }, withoutPlayer }) => {
   if (!withoutPlayer && isPlayer(url)) {
     return (
       <ReactPlayer
@@ -54,7 +54,7 @@ export const Source = ({ source: { url, title, site_name }, withoutPlayer }) =>
       <div className="flex items-center gap-1">
         <ExternalLink className="flex-grow-0 flex-shrink-0 basis-[14x]" size={14} />
         <span className="font-semibold truncate group-hover:underline">
-          {site_name ? site_name.toUpperCase() : getDisplayableHostname(url)}
+          {siteName ? siteName.toUpperCase() : getDisplayableHostname(url)}
         </span>
       </div>
       <span className="italic text-[0.95em]">{title}</span>

app/components/VideoDebate/VideoDebate.jsx

@@ -32,6 +32,8 @@ const COMMENT_FRAGMENT = gql`
     source {
       id
       url
+      title
+      siteName
     }
   }
 `