fix: remove shortening of description content (#1346)

* fix: remove shortening of description content

* chore: remove test for removed functionality

apps/token/src/routes/governance/components/proposal-detail-header/proposal-header.spec.tsx

@@ -208,39 +208,6 @@ describe('Proposal header', () => {
     expect(screen.getByTestId('proposal-details')).toHaveTextContent('long');
   });
 
-  it('Renders Freeform proposal - extra long rationale (165 chars)', () => {
-    render(
-      renderComponent(
-        generateProposal({
-          id: 'extraLong',
-          rationale: {
-            title:
-              'Aenean sem odio, eleifend non sodales vitae, porttitor eu ex. Aliquam erat volutpat. Fusce pharetra libero quis risus lobortis, sed ornare leo efficitur turpis duis.',
-            description:
-              'Aenean sem odio, eleifend non sodales vitae, porttitor eu ex. Aliquam erat volutpat. Fusce pharetra libero quis risus lobortis, sed ornare leo efficitur turpis duis.',
-          },
-          terms: {
-            change: {
-              __typename: 'NewFreeform',
-            },
-          },
-        })
-      )
-    );
-    // For a rationale over 160 chars, we expect the header to be truncated at 100
-    // chars with ellipsis and the details-one element to contain 60 chars and also
-    // be truncated with an ellipsis.
-    expect(screen.getByTestId('proposal-title')).toHaveTextContent(
-      'Aenean sem odio, eleifend non sodales vitae, porttitor eu ex. Aliquam erat volutpat. Fusce pharetra…'
-    );
-    expect(screen.getByTestId('proposal-description')).toHaveTextContent(
-      'Aenean sem odio, eleifend non sodales vitae, porttitor eu e…'
-    );
-    expect(screen.getByTestId('proposal-details')).toHaveTextContent(
-      'extraLong'
-    );
-  });
-
   // Remove once proposals have rationale and re-enable above tests
   it('Renders Freeform proposal - id for title', () => {
     render(

apps/token/src/routes/governance/components/proposal-detail-header/proposal-header.tsx

@@ -18,7 +18,6 @@ export const ProposalHeader = ({ proposal }: { proposal: ProposalFields }) => {
   }
 
   const titleContent = shorten(title, 100);
-  const descriptionContent = shorten(description, 60);
 
   switch (change.__typename) {
     case 'NewMarket': {
@@ -90,15 +89,9 @@ export const ProposalHeader = ({ proposal }: { proposal: ProposalFields }) => {
           {titleContent || t('Unknown proposal')}
         </h2>
       </header>
-      {descriptionContent && (
+      {description && (
-        <div
+        <div className="mb-4" data-testid="proposal-description">
-          className="mb-4"
+          {description}
-          {...(description.length > descriptionContent.length && {
-            title: description,
-          })}
-          data-testid="proposal-description"
-        >
-          {descriptionContent}
         </div>
       )}
       {details && <div data-testid="proposal-details">{details}</div>}