update ui

src/components/board-buttons/board-buttons.module.css

@@ -51,17 +51,17 @@
   padding-top: 15px;
 }
 
-.createBoardButton {
+.adButton {
   text-align: center;
   font-size: 10px;
 }
 
-.createBoardButton a {
+.adButton a {
   text-decoration: none;
   color: var(--button-desktop-text-color);
 
 }
-.createBoardButton a:hover {
+.adButton a:hover {
   cursor: pointer;
   color: var(--button-desktop-text-color-hover);
 }
@@ -71,7 +71,7 @@
     display: none;
   }
 
-  .createBoardButton {
+  .adButton {
     display: inline-flex;
   }
 }

src/components/board-buttons/board-buttons.tsx

@@ -172,24 +172,6 @@ export const TimeFilter = ({ isInAllView, isInCatalogView, isInSubscriptionsView
   );
 };
 
-const CreateBoardButton = () => {
-  return (
-    <div className={styles.createBoardButton}>
-      [
-      <Link
-        to='/boards/create'
-        onClick={(e) => {
-          e.preventDefault();
-          alert('work in progress');
-        }}
-      >
-        Create a Board
-      </Link>
-      ]
-    </div>
-  );
-};
-
 export const MobileBoardButtons = () => {
   const params = useParams();
   const location = useLocation();
@@ -204,7 +186,19 @@ export const MobileBoardButtons = () => {
 
   return (
     <div className={styles.mobileBoardButtons}>
-      <CreateBoardButton />
+      <div className={styles.adButton}>
+        [
+        <Link
+          to='/boards'
+          onClick={(e) => {
+            e.preventDefault();
+            alert('work in progress');
+          }}
+        >
+          Vote for Boards
+        </Link>
+        ]
+      </div>
       <hr />
       {isInPostView || isInPendingPostPage ? (
         <>
@@ -254,7 +248,19 @@ export const DesktopBoardButtons = () => {
   return (
     <>
       <hr />
-      <CreateBoardButton />
+      <div className={styles.adButton}>
+        [
+        <Link
+          to='/boards'
+          onClick={(e) => {
+            e.preventDefault();
+            alert('work in progress');
+          }}
+        >
+          Vote for Boards
+        </Link>
+        ]
+      </div>
       <hr />
       <div className={styles.desktopBoardButtons}>
         {isInPostView || isInPendingPostPage ? (

src/components/topbar/topbar.tsx

@@ -82,13 +82,13 @@ const TopBarDesktop = () => {
             [{renderSubplebbits(plebbitSubs)}] [{renderSubplebbits(projectsSubs)}] [{renderSubplebbits(interestsSubs)}] [{renderSubplebbits(randomSubs)}] [
             {renderSubplebbits(internationalSubs)}] [
             <Link
-              to='boards'
+              to='boards/create'
               onClick={(e) => {
                 e.preventDefault();
                 alert('work in progress');
               }}
             >
-              Edit
+              Create
             </Link>
             ]
           </>