Merge pull request #14 from AI4Bharat/react-django

Switched News Link Component
AI4Bharat · Sep 1, 2024 · 5818587 · 5818587
2 parents 6f7f655 + 0d13cd1
commit 5818587
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/frontend/components/NewsSection.tsx b/frontend/components/NewsSection.tsx
@@ -1,11 +1,12 @@
 import React from "react";
-import { Box, Flex, Text, Heading, VStack, Link } from "@chakra-ui/react";
+import { Box, Flex, Text, Heading, VStack } from "@chakra-ui/react";
 import { useQuery } from "react-query";
 import { API_URL } from "@/app/config";
 import axios from "axios";
 import { useEffect, useState } from "react";
 import Image from "next/image";
 import { imagePrefix } from "@/app/config";
+import Link from "next/link";
 
 const fetchNews = async () => {
   try {
@@ -65,11 +66,8 @@ const News = () => {
               <Box p={4}>
                 <Text fontWeight="bold">{card.title}</Text>
                 <Text noOfLines={4}>{card.description}</Text>
-                <Link
-                  href={`${imagePrefix}/news/${card.id}`}
-                  color={"a4borange"}
-                >
-                  Read More
+                <Link href={`${imagePrefix}/news/${card.id}`}>
+                  <Text textColor={"a4borange"}>Read More</Text>
                 </Link>
               </Box>
             </Box>