Make source list page public

Include source list in claim page
AletheiaFact · Jun 7, 2024 · a09f950 · a09f950
1 parent 204274a
commit a09f950
Show file tree

Hide file tree

Showing 10 changed files with 42 additions and 16 deletions.
diff --git a/public/locales/en/seo.json b/public/locales/en/seo.json
@@ -10,8 +10,8 @@
     "sourcesDescription": "Claim sources {{claimId}}",
     "claimReviewDescription": "See sentence reviews {{sentence}} on AletheiaFact.org",
     "siteName": "AletheiaFact.org",
-    "noPersonalityClaimListTitle": "Claims",
-    "noPersonalityClaimListDescription": "See claims without a related personality",
+    "claimListTitle": "Claims",
+    "claimListDescription": "See claims on AletheiaFact.org",
     "createSourceTitle": "Create source",
     "createSourceDescription": "Create sources to AletheiaFact.org"
 }
diff --git a/public/locales/en/sources.json b/public/locales/en/sources.json
@@ -1,4 +1,5 @@
 {
+    "sourceListHeader": "Sources",
     "sourceReview": "Source reviewed as ",
     "sourceCardButton": "Access the source",
     "sourceCreateCTAButton": "Create source",

diff --git a/public/locales/pt/seo.json b/public/locales/pt/seo.json
@@ -10,8 +10,8 @@
     "sourcesDescription": "Fontes do discurso {{claimId}}",
     "claimReviewDescription": "Veja as revisões da sentença {{sentence}} na AletheiaFact.org",
     "siteName": "AletheiaFact.org",
-    "noPersonalityClaimListTitle": "Declarações",
-    "noPersonalityClaimListDescription": "Veja declarações sem personalidade associada",
+    "claimListTitle": "Declarações",
+    "claimListDescription": "Veja declarações na AletheiaFact.org",
     "createSourceTitle": "Adicione uma fonte",
     "createSourceDescription": "Adiciona uma fonte na AletheiaFact.org"
 }
diff --git a/public/locales/pt/sources.json b/public/locales/pt/sources.json
@@ -1,4 +1,5 @@
 {
+    "sourceListHeader": "Fontes",
     "sourceReview": "Fonte avaliada como ",
     "sourceCardButton": "Acesse a fonte",
     "sourceCreateCTAButton": "Incluir fonte",

diff --git a/server/claim/claim.controller.ts b/server/claim/claim.controller.ts
@@ -535,7 +535,7 @@ export class ClaimController {
         await this.viewService.getNextServer().render(
             req,
             res,
-            "/image-claims-page",
+            "/claim-list-page",
             Object.assign(parsedUrl.query, {
                 nameSpace: req.params.namespace,
             })

diff --git a/server/source/source.controller.ts b/server/source/source.controller.ts
@@ -107,6 +107,7 @@ export class SourceController {
         });
     }
 
+    @IsPublic()
     @ApiTags("pages")
     @Get("sources")
     public async sourcesPage(@Req() req: BaseRequest, @Res() res: Response) {

diff --git a/src/components/Claim/ImageClaimListView.tsx → src/components/Claim/ClaimListView.tsx b/src/components/Claim/ImageClaimListView.tsx → src/components/Claim/ClaimListView.tsx
@@ -3,22 +3,27 @@ import { useTranslation } from "next-i18next";
 import React from "react";
 import Seo from "../Seo";
 import ClaimList from "./ClaimList";
+import SourceList from "../Source/SourceList";
 
-const ImageClaimListView = () => {
+const ClaimListView = () => {
     const { t } = useTranslation();
+
     return (
         <>
             <Seo
-                title={t("seo:noPersonalityClaimListTitle")}
-                description={t("seo:noPersonalityClaimListDescription")}
+                title={t("seo:claimListTitle")}
+                description={t("seo:claimListDescription")}
             />
             <Row justify="center" style={{ marginTop: "64px" }}>
                 <Col sm={22} md={14} lg={12}>
                     <ClaimList personality={{ _id: null }} />
                 </Col>
+                <Col offset={1} sm={22} md={14} lg={8}>
+                    <SourceList />
+                </Col>
             </Row>
         </>
     );
 };
 
-export default ImageClaimListView;
+export default ClaimListView;
diff --git a/src/components/Source/SourceList.tsx b/src/components/Source/SourceList.tsx
@@ -10,7 +10,7 @@ import { useTranslation } from "next-i18next";
 import { useAtom } from "jotai";
 import { currentNameSpace } from "../../atoms/namespace";
 
-const SourceList = () => {
+const SourceList = ({ footer = false }) => {
     const { t } = useTranslation();
     const [nameSpace] = useAtom(currentNameSpace);
 
@@ -43,12 +43,20 @@ const SourceList = () => {
         <BaseList
             apiCall={SourceApi.get}
             filter={{ nameSpace }}
+            title={t("sources:sourceListHeader")}
             renderItem={(source, index) =>
                 source && <SourceListItem key={index} source={source} />
             }
+            grid={{
+                gutter: 20,
+                md: 2,
+                lg: 1,
+                xl: 1,
+                xxl: 2,
+            }}
             skeleton={<SourceSkeleton />}
             emptyFallback={SourceCreateCTAButton}
-            footer={SourceCreateCTAButton}
+            footer={footer && SourceCreateCTAButton}
         />
     );
 };

diff --git a/src/components/Source/SourceListItem.tsx b/src/components/Source/SourceListItem.tsx
@@ -1,11 +1,11 @@
 import React, { useMemo } from "react";
-import { Col } from "antd";
+import { Col, Typography } from "antd";
 import CardBase from "../CardBase";
 import ClassificationText from "../ClassificationText";
 import AletheiaButton from "../Button";
 import { useTranslation } from "next-i18next";
 import SourceListItemStyled from "./SourceListItem.style";
-
+const { Paragraph } = Typography;
 const DOMAIN_PROTOCOL_REGEX = /^(https?:\/\/)?(www\.)?/;
 
 const SourceListItem = ({ source }) => {
@@ -28,7 +28,17 @@ const SourceListItem = ({ source }) => {
             >
                 <h4 className="title">{title}</h4>
 
-                <span className="summary">{source.props.summary}</span>
+                <Paragraph
+                    style={{ marginBottom: 0 }}
+                    ellipsis={{
+                        rows: 4,
+                        expandable: false,
+                    }}
+                >
+                    <cite style={{ fontStyle: "normal" }}>
+                        <p className="summary">{source.props.summary}</p>
+                    </cite>
+                </Paragraph>
 
                 <Col className="footer">
                     <span>

diff --git a/src/pages/image-claims-page.tsx → src/pages/claim-list-page.tsx b/src/pages/image-claims-page.tsx → src/pages/claim-list-page.tsx
@@ -3,15 +3,15 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import React from "react";
 import { GetLocale } from "../utils/GetLocale";
 
-import ImageClaimListView from "../components/Claim/ImageClaimListView";
+import ClaimListView from "../components/Claim/ClaimListView";
 import { NameSpaceEnum } from "../types/Namespace";
 import { useSetAtom } from "jotai";
 import { currentNameSpace } from "../atoms/namespace";
 
 const ImageClaimsPage: NextPage<any> = (props) => {
     const setCurrentNameSpace = useSetAtom(currentNameSpace);
     setCurrentNameSpace(props.nameSpace);
-    return <ImageClaimListView />;
+    return <ClaimListView />;
 };
 
 export async function getServerSideProps({ query, locale, locales, req }) {