ui: remove usage of dangerouslySetInnerHTML

* closes inveniosoftware/invenio-app-rdm#2693
inveniosoftware · Jun 10, 2024 · 6a47db9 · 6a47db9
1 parent 602e60a
commit 6a47db9
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 51 deletions.
diff --git a/...ic-ui/js/invenio_communities/community/communities_items/ComputerTabletCommunitiesItem.js b/...ic-ui/js/invenio_communities/community/communities_items/ComputerTabletCommunitiesItem.js
@@ -46,12 +46,7 @@ export const ComputerTabletCommunitiesItem = ({ result }) => {
                 <a href={`/communities/${result.id}`}>{result.metadata.title}</a>
               </Item.Header>
               <Item.Meta>
-                <div
-                  className="truncate-lines-2"
-                  dangerouslySetInnerHTML={{
-                    __html: result.metadata.description,
-                  }}
-                />
+                <div className="truncate-lines-2">{result.metadata.description}</div>
               </Item.Meta>
               <Item>
                 {result.metadata.website && (

diff --git a/...s/semantic-ui/js/invenio_communities/community/communities_items/MobileCommunitiesItem.js b/...s/semantic-ui/js/invenio_communities/community/communities_items/MobileCommunitiesItem.js
@@ -40,12 +40,7 @@ export const MobileCommunitiesItem = ({ result }) => {
           <a href={`/communities/${result.id}`}>{result.metadata.title}</a>
         </Item.Header>
         <Item.Meta>
-          <div
-            className="truncate-lines-2"
-            dangerouslySetInnerHTML={{
-              __html: result.metadata.description,
-            }}
-          />
+          <div className="truncate-lines-2">{result.metadata.description}</div>
         </Item.Meta>
         <Item>
           {result.metadata.website && (

diff --git a/invenio_communities/assets/semantic-ui/js/invenio_communities/community/frontpage.js b/invenio_communities/assets/semantic-ui/js/invenio_communities/community/frontpage.js
@@ -80,12 +80,7 @@ class CommunityCard extends Component {
           </Card.Header>
           {community.metadata.description && (
             <Card.Description>
-              <div
-                className="truncate-lines-2"
-                dangerouslySetInnerHTML={{
-                  __html: community.metadata.description,
-                }}
-              />
+              <div className="truncate-lines-2">{community.metadata.description}</div>
             </Card.Description>
           )}
         </Card.Content>

diff --git a/invenio_communities/assets/semantic-ui/js/invenio_communities/community/search.js b/invenio_communities/assets/semantic-ui/js/invenio_communities/community/search.js
@@ -34,12 +34,7 @@ function ResultsGridItemTemplate({ result }) {
       <Card.Content>
         <Card.Header>{result.metadata.title}</Card.Header>
         <Card.Description>
-          <div
-            className="truncate-lines-2"
-            dangerouslySetInnerHTML={{
-              __html: result.metadata.description,
-            }}
-          />
+          <div className="truncate-lines-2">{result.metadata.description}</div>
         </Card.Description>
       </Card.Content>
     </Card>

diff --git a/...ies/assets/semantic-ui/js/invenio_communities/members/invitations/InvitationResultItem.js b/...ies/assets/semantic-ui/js/invenio_communities/members/invitations/InvitationResultItem.js
@@ -59,12 +59,7 @@ export class InvitationResultItem extends Component {
                   </Item.Header>
                   {member.description && (
                     <Item.Meta>
-                      <div
-                        className="truncate-lines-1"
-                        dangerouslySetInnerHTML={{
-                          __html: member.description,
-                        }}
-                      />
+                      <div className="truncate-lines-1">{member.description}</div>
                     </Item.Meta>
                   )}
                 </Item.Content>

diff --git a/...s/semantic-ui/js/invenio_communities/members/members/components/MembersResultsGridItem.js b/...s/semantic-ui/js/invenio_communities/members/members/components/MembersResultsGridItem.js
@@ -16,12 +16,7 @@ export function MembersResultsGridItem({ result }) {
       <Card.Content>
         <Card.Header>{result.member.name}</Card.Header>
         <Card.Description>
-          <div
-            className="truncate-lines-1"
-            dangerouslySetInnerHTML={{
-              __html: result.member.description,
-            }}
-          />
+          <div className="truncate-lines-1">{result.member.description}</div>
         </Card.Description>
       </Card.Content>
     </Card>

diff --git a/...mantic-ui/js/invenio_communities/members/members/manager_view/ManagerMembersResultItem.js b/...mantic-ui/js/invenio_communities/members/members/manager_view/ManagerMembersResultItem.js
@@ -88,12 +88,9 @@ export class ManagerMembersResultItem extends Component {
                   </Item.Header>
                   {result.member.description && (
                     <Item.Meta>
-                      <div
-                        className="truncate-lines-1"
-                        dangerouslySetInnerHTML={{
-                          __html: result.member.description,
-                        }}
-                      />
+                      <div className="truncate-lines-1">
+                        {result.member.description}
+                      </div>
                     </Item.Meta>
                   )}
                 </Item.Content>

diff --git a/...semantic-ui/js/invenio_communities/members/members/public_view/PublicMembersResultItem.js b/...semantic-ui/js/invenio_communities/members/members/public_view/PublicMembersResultItem.js
@@ -28,12 +28,9 @@ class PublicMemberPublicViewResultItem extends Component {
                   </Item.Header>
                   {result.member.description && (
                     <Item.Meta>
-                      <div
-                        className="truncate-lines-1"
-                        dangerouslySetInnerHTML={{
-                          __html: result.member.description,
-                        }}
-                      />
+                      <div className="truncate-lines-1">
+                        {result.member.description}
+                      </div>
                     </Item.Meta>
                   )}
                 </Item.Content>

diff --git a/invenio_communities/assets/semantic-ui/js/invenio_communities/requests/requests.js b/invenio_communities/assets/semantic-ui/js/invenio_communities/requests/requests.js
@@ -137,9 +137,7 @@ export const RequestsResultsGridItemTemplate = ({ result, community }) => {
     <Card fluid href={`/communities/${community.slug}/requests/${result.id}`}>
       <Card.Content>
         <Card.Header>{result.metadata.title}</Card.Header>
-        <Card.Description>
-          <div dangerouslySetInnerHTML={{ __html: result.metadata.description }} />
-        </Card.Description>
+        <Card.Description>{result.metadata.description}</Card.Description>
       </Card.Content>
     </Card>
   );