Modified Paths

AI4Bharat · Aug 28, 2024 · a66ea7c · a66ea7c
1 parent 12581db
commit a66ea7c
Show file tree

Hide file tree

Showing 6 changed files with 51 additions and 31 deletions.
diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml
@@ -3,7 +3,7 @@ name: Deploy Next.js site to Pages
 on:
   push:
     branches: ["master"]
-  pull_request:  
+  pull_request:
     branches: ["master"]
   workflow_dispatch:
 
@@ -26,6 +26,9 @@ jobs:
       - name: Navigate to frontend directory
         run: cd frontend
 
+      - name: Extract repository name
+        run: echo "BASE_PATH=/$(echo $GITHUB_REPOSITORY | cut -d '/' -f 2)" >> $GITHUB_ENV
+
       - name: Detect package manager
         id: detect-package-manager
         run: |
@@ -87,7 +90,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: build
     if: github.event_name != 'pull_request'
-    
+
     steps:
       - name: Deploy to GitHub Pages
         id: deployment

diff --git a/frontend/components/Datasets.tsx b/frontend/components/Datasets.tsx
@@ -20,6 +20,7 @@ import {
 import axios from "axios";
 import { useQuery } from "react-query";
 import { API_URL } from "@/app/config";
+import { imagePrefix } from "@/app/config";
 
 interface FeatureProps {
   title: string;
@@ -171,7 +172,7 @@ export default function Datasets() {
                   <Feature
                     icon={
                       <Image
-                        src={`/assets/icons/${dataset.area.toLowerCase()}.png`}
+                        src={`${imagePrefix}/assets/icons/${dataset.area.toLowerCase()}.png`}
                         alt="Icon"
                         width={50}
                         height={50}

diff --git a/frontend/components/Features.tsx b/frontend/components/Features.tsx
@@ -13,13 +13,7 @@ import {
   Link,
 } from "@chakra-ui/react";
 import { ReactElement } from "react";
-import {
-  FcAbout,
-  FcAssistant,
-  FcCollaboration,
-  FcDonate,
-  FcManager,
-} from "react-icons/fc";
+import { imagePrefix } from "@/app/config";
 
 interface CardProps {
   heading: string;
@@ -87,7 +81,7 @@ export default function Features() {
             heading={"Large Language Models"}
             icon={
               <Image
-                src="/assets/icons/llm.png"
+                src={`${imagePrefix}/assets/icons/llm.png`}
                 alt="LLM"
                 width={100}
                 height={100}
@@ -102,7 +96,7 @@ export default function Features() {
             heading={"Machine Translation"}
             icon={
               <Image
-                src="/assets/icons/nmt.png"
+                src={`${imagePrefix}/assets/icons/nmt.png`}
                 alt="LLM"
                 width={100}
                 height={100}
@@ -117,7 +111,7 @@ export default function Features() {
             heading={"Transliteration"}
             icon={
               <Image
-                src="/assets/icons/xlit.png"
+                src={`${imagePrefix}/assets/icons/xlit.png`}
                 alt="LLM"
                 width={100}
                 height={100}
@@ -132,7 +126,7 @@ export default function Features() {
             heading={"Automatic Speech Recognition"}
             icon={
               <Image
-                src="/assets/icons/asr.png"
+                src={`${imagePrefix}/assets/icons/asr.png`}
                 alt="LLM"
                 width={100}
                 height={100}
@@ -147,7 +141,7 @@ export default function Features() {
             heading={"Text to Speech"}
             icon={
               <Image
-                src="/assets/icons/tts.png"
+                src={`${imagePrefix}/assets/icons/tts.png`}
                 alt="LLM"
                 width={100}
                 height={100}

diff --git a/frontend/components/Sponsors.tsx b/frontend/components/Sponsors.tsx
@@ -13,14 +13,7 @@ import {
   useColorModeValue,
   SimpleGrid,
 } from "@chakra-ui/react";
-import { ReactElement } from "react";
-import {
-  FcAbout,
-  FcAssistant,
-  FcCollaboration,
-  FcDonate,
-  FcManager,
-} from "react-icons/fc";
+import { imagePrefix } from "@/app/config";
 
 export default function Sponsors() {
   return (
@@ -37,25 +30,53 @@ export default function Sponsors() {
       <Container maxW={"5xl"} mt={12}>
         <SimpleGrid columns={{ base: 1, md: 4 }} spacing={10}>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/meity.svg" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/meity.svg`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/C-DAC.png" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/nilekani.png`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/nilekani.png" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/C-DAC.png`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/ekstep.png" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/microsoft.png`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/microsoft.png" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/google.png`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/google.png" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/yotta.png`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
           <Card w={150} h={50}>
-            <Image src="/assets/logos/yotta.png" alt="LLM" fill={true} />
+            <Image
+              src={`${imagePrefix}/assets/logos/ekstep.png`}
+              alt="LLM"
+              fill={true}
+            />
           </Card>
         </SimpleGrid>
       </Container>

diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
@@ -1,5 +1,4 @@
 const nextConfig = {
-  basePath: "/ai4b-website",
   output: "export",
   eslint: {
     ignoreDuringBuilds: true,

diff --git a/frontend/src/app/config.tsx b/frontend/src/app/config.tsx
@@ -24,3 +24,5 @@ export const LANGUAGE_CODE_NAMES = {
   mr: "Marathi",
   mni: "Meitei (Manipuri)",
 };
+
+export const imagePrefix = process.env.BASE_PATH || "";