Prototype: profile changes

g-loot · Dec 7, 2023 · 3dafca7 · 3dafca7
1 parent ee67cd5
commit 3dafca7
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/pages/stryda/components/FeedItemDetailsMatch.js b/pages/stryda/components/FeedItemDetailsMatch.js
@@ -24,6 +24,8 @@ export default function FeedItemDetailsMatch(props) {
   const defaultTab = selectedTab != "default" ? selectedTab : (match.meta.media?.videoUrl ? "highlight" : "summary");
   const [activeTab, setActiveTab] = useState(defaultTab);
 
+  console.log(props.selectedTab, selectedTab, item, match);
+
   useEffect(() => {
     history.pushState(null, "", `${url}${item.id}`);
   }, []);
@@ -169,7 +171,7 @@ export default function FeedItemDetailsMatch(props) {
                         className={activeTab === "highlight" ? "is-active" : ""}
                         onClick={() => setActiveTab("highlight")}
                       >
-                        <span>Highlight</span>
+                        <span>Recap</span>
                       </button>
                     </li>
                   )}

diff --git a/pages/stryda/components/TopbarHighlights.js b/pages/stryda/components/TopbarHighlights.js
@@ -217,8 +217,8 @@ export default function TopbarHighlights() {
               <span>
                 <span className="text-sm">
                   {buttonState === 0 && ""}
-                  {buttonState === 1 && "New highlights recorded"}
-                  {buttonState === 2 && "Highlights ready"}
+                  {buttonState === 1 && "New matches recorded"}
+                  {buttonState === 2 && "Recaps ready"}
                 </span>
               </span>
               <span className="icon icon-video" />

diff --git a/pages/stryda/components/TopbarSidebar.js b/pages/stryda/components/TopbarSidebar.js
@@ -60,7 +60,10 @@ export default function TopbarSidebar() {
                   router.pathname.includes("ladders") ? "is-active" : ""
                 }`}
               >
-                <span>Ladders</span>
+                <span>
+                  <span>Ladders</span>
+                  <span className="icon icon-present animate-bounce !text-main" />
+                </span>
               </button>
             </Link>
           </li>

diff --git a/pages/stryda/components/WidgetUser.js b/pages/stryda/components/WidgetUser.js
@@ -311,7 +311,7 @@ export default function WidgetUser(props) {
                         type="button"
                         className="interactive leading-tight"
                       >
-                        <div className="text-sm text-ui-300">Highlights</div>
+                        <div className="text-sm text-ui-300">Recaps</div>
                         <div className="text-lg text-ui-100">
                           {selectedUser.stats.followers === 0 ||
                           state === "empty" ? (

diff --git a/pages/stryda/profile/[user_id]/index.js b/pages/stryda/profile/[user_id]/index.js
@@ -182,7 +182,7 @@ export default function Profile() {
     },
     {
       label: "Recaps",
-      url: "recaps",
+      url: "highlight",
       component: TabProfileHighlights,
       number: 9,
     },