Merge pull request #2 from RENCI/remove-robokop

Remove robokop
RENCI · Jun 3, 2024 · b86cd12 · b86cd12
2 parents 04cb877 + b2efcf3
commit b86cd12
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 19 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,13 +5,10 @@ import { Roboto } from "next/font/google";
 const roboto = Roboto({ weight: ["300", "400", "700"], subsets: ["latin"] });
 
 export const metadata = {
-  metadataBase: 'https://robokop.renci.org',
-  title: "ROBOKOP",
+  metadataBase: 'https://aixb.renci.org',
+  title: "AIxB",
   description:
-    "ROBOKOP is an open-source biomedical knowledge graph that integrates and semantically harmonizes important knowledge sources.",
-  openGraph: {
-    images: '/opengraph-image.png'
-  }
+    "AIxB is building a collaborative ecosystem for innovation in Artificial Intelligence and the Biological Science.",
 };
 
 export default function RootLayout({

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -13,13 +13,13 @@ import { QueryIcon } from "@/components/icons/QueryIcon";
 
 export default function Home() {
   return (
-    <MainGrid numberOfRows={4}>
+    <MainGrid numberOfRows={5}>
       <Navigation sections={[
         "Overview",
-        "Additional Tools",
+        "Tools",
         "Funding",
         "License",
-        // "Contact",
+        "More Information",
       ]} />
 
       <Section title="Overview" hideTitle index={0}>
@@ -30,7 +30,7 @@ export default function Home() {
         <AcronymTagline />
         <OverviewSummary />
       </Section>
-      <Section title="Additional Tools" index={1}>
+      <Section title="Tools" index={1}>
         <CardContainer>
           <Card
             title="ROBOKOP KG"
@@ -69,7 +69,7 @@ export default function Home() {
 
         </div>
       </Section>
-      <Section title="Contact" index={6}>
+      <Section title="More Information" index={6}>
         <ContactForm />
       </Section>
     </MainGrid>

diff --git a/src/components/ContactForm/ContactForm.module.css b/src/components/ContactForm/ContactForm.module.css
@@ -17,11 +17,13 @@
 }
 
 .inputGroup input:focus,
+.inputGroup select:focus,
 .inputGroup textarea:focus {
   outline: 1px solid var(--blue);
 }
 
 .inputGroup input,
+.inputGroup select,
 .inputGroup textarea {
   padding: 16px;
   margin: 0;
@@ -34,6 +36,16 @@
   box-shadow: var(--box-shadow);
 }
 
+.inputGroup select {
+  appearance: none;
+  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.7rem top 50%;
+  background-size: 0.65rem auto;
+  color: var(--text-color);
+}
+
+
 .inputGroup label {
   text-transform: uppercase;
   font-weight: 300;

diff --git a/src/components/ContactForm/ContactForm.tsx b/src/components/ContactForm/ContactForm.tsx
@@ -8,6 +8,7 @@ import { SubmitHandler, useForm } from 'react-hook-form';
 import { Input } from './Input';
 import { TextArea } from './TextArea';
 import { useEffect, useState } from 'react';
+import { Controller, useFormContext } from 'react-hook-form'
 
 const GOOGLE_APPS_SCRIPT_LINK = "https://script.google.com/a/macros/renci.org/s/AKfycbyS1Z_a3zgB9rfyD_gqUCKCmDNMxk04uOzZalv3M5Fmo-OTxaukKQu5G0CZ5DzLVQF4/exec";
 
@@ -91,7 +92,7 @@ export const ContactForm = () => {
         <Input
           label='Subject'
           required
-          type='text'
+          type='select'
           register={register}
         />
 

diff --git a/src/components/ContactForm/Input.tsx b/src/components/ContactForm/Input.tsx
@@ -22,12 +22,21 @@ export const Input = ({
   return (
     <div className={styles.inputGroup}>
       <label htmlFor={toKebabCase(label)}>{label}</label>
-      <input
-        {...register(label, { validate, required })}
-        type={type}
-        name={label}
-        id={toKebabCase(label)}
-      />
+      {type === "select" ? (
+        <select>
+          <option>I have a question</option>
+          <option>How can I get involved?</option>
+          <option>I'd like to report a website issue</option>
+          <option>General inquiry</option>
+        </select>
+      ): (
+        <input
+          {...register(label, { validate, required })}
+          type={type}
+          name={label}
+          id={toKebabCase(label)}
+        />
+      )}
     </div>
   )
-}
+}