Merge branch 'preview'

README.md

@@ -19,6 +19,8 @@ The following environment variables are required:
 - `NEXTAUTH_SECRET` (generate one using `openssl rand -base64 32` or visit [https://generate-secret.vercel.app/32](https://generate-secret.vercel.app/32)). You won't need to prefix it with `NEXT_PUBLIC` if you are deploying to Vercel.
 - `NEXTAUTH_URL` (`http://localhost:3000` while running locally. You won't need this variable in production if you're deploying to Vercel.)
 
+To make changes, you can create a new branch and merge with development, or push directly to development. When you are ready to deploy, you can merge into preview (staging) or main (production) branches, which will automatically build and deploy to Vercel.
+
 ## Project Roadmap
 
 Latest changes and updates are added to `Ouranos Roadmap` under [Projects](https://github.com/users/pdelfan/projects/1).

src/components/contentDisplay/searchList/SearchList.tsx

@@ -11,7 +11,7 @@ interface Props {
 
 export default function SearchList(props: Props) {
   const { query } = props;
-  const [currenTab, setCurrentTab] = useState<"posts" | "users">("posts");
+  const [currentTab, setCurrentTab] = useState<"posts" | "users">("posts");
   const { data: session } = useSession();
 
   const handleTabChange = (tab: "posts" | "users") => {
@@ -37,7 +37,7 @@ export default function SearchList(props: Props) {
           role="tab"
           onClick={() => handleTabChange("posts")}
           className={`border-b-3 hover:text-primary shrink-0 cursor-pointer px-3 pb-2 font-semibold ${
-            currenTab === "posts"
+            currentTab === "posts"
               ? "border-primary-600 text-primary border-primary"
               : "border-transparent text-neutral-500"
           }`}
@@ -48,7 +48,7 @@ export default function SearchList(props: Props) {
           role="tab"
           onClick={() => handleTabChange("users")}
           className={`border-b-3 hover:text-primary shrink-0 cursor-pointer px-3 pb-2 font-semibold ${
-            currenTab === "users"
+            currentTab === "users"
               ? "border-primary-600 text-primary border-primary"
               : "border-transparent text-neutral-500"
           }`}
@@ -57,10 +57,10 @@ export default function SearchList(props: Props) {
         </button>
       </div>
 
-      {currenTab === "posts" && (
+      {currentTab === "posts" && (
         <PostSearchContainer query={onSearchPost(query)} />
       )}
-      {currenTab === "users" && <UserSearchContainer query={query} />}
+      {currentTab === "users" && <UserSearchContainer query={query} />}
     </section>
   );
 }