Merge pull request #12 from AI4Bharat/homepage

homepage

package.json

@@ -25,10 +25,13 @@
     "react-dom": "^18"
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.16",
     "eslint": "^8",
     "eslint-config-next": "14.0.3",
     "eslint-config-prettier": "^9.0.0",
     "gh-pages": "^6.1.0",
-    "prettier": "3.1.0"
+    "postcss": "^8.4.32",
+    "prettier": "3.1.0",
+    "tailwindcss": "^3.3.6"
   }
-}
+}

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/app/home/home.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/app/organizations/page.js

@@ -3,6 +3,8 @@ import { Button, Grid, Typography, Card, Tab, Tabs, Box } from "@mui/material"
 import { useState } from 'react'
 import DatasetStyle from "@/styles/Dataset";
 import MUIDataTable from "mui-datatables";
+import CustomButton from "../components/common/Button";
+import Link from "next/link";
 
 function TabPanel(props) {
   const { children, value, index, ...other } = props;
@@ -139,13 +141,12 @@ export default function Organization() {
         return manager.username
       }).join(", "),
       el.created_by && el.created_by.username,
-      <div key={i}>view</div>
-      // <Link to={`/workspaces/${el.id}`} style={{ textDecoration: "none" }}>
-      //   <CustomButton
-      //     sx={{ borderRadius: 2 }}
-      //     label="View"
-      //   />
-      // </Link>
+      <Link key={i} href={`/workspaces/${el.id}`} style={{ textDecoration: "none" }}>
+        <CustomButton
+          sx={{ borderRadius: 2 }}
+          label="View"
+        />
+      </Link>
     ]
   }) : [];
 

src/app/page.js

@@ -4,6 +4,7 @@ export default function Home() {
   return (
     <main>
       <h1>Anudesh</h1>
+      <h3><Link href="/home">Home</Link></h3>
       <h3><Link href="/organizations">Organization</Link></h3>
       <h3><Link href="/login">Login</Link></h3>
       <h3><Link href="/invite">Sign-Up</Link></h3>

tailwind.config.js

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/app/home/page.js',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        "orange-dark": "#ee6633",
+        "orange-light": "#edc9bc"
+      }
+    },
+  },
+  plugins: [],
+}