Merge pull request #2943 from codecrafters-io/update-pill

Remove pills from latest releases card

Author: rohitpaulk

app/components/latest-releases-card.hbs

@@ -6,18 +6,10 @@
     <div class="flex items-start gap-2 relative {{if (not-eq releaseIndex (sub this.releases.length 1)) 'pb-4'}}" data-test-latest-release-item>
       <div class="w-2 h-2 bg-gray-200 dark:bg-gray-600 rounded-full mt-1 flex-shrink-0"></div>
       <div class="w-full">
-        <div class="flex items-center gap-1 mb-1">
-          <div class="text-xxs text-gray-400 dark:text-gray-500" data-test-latest-release-timestamp>{{date-format
-              release.releasedAt
-              format="MMM yyyy"
-            }}</div>
-          <span class="text-gray-300 dark:text-gray-600 text-xs">
-            •
-          </span>
-          <Pill @color="gray" @size="small" data-test-latest-release-type>
-            {{if (eq release.type "extension") "EXTENSION" "CHALLENGE"}}
-          </Pill>
+        <div class="text-xs text-gray-400 dark:text-gray-500 mb-1" data-test-latest-release-timestamp>
+          {{date-format release.releasedAt format="MMM yyyy"}}
         </div>
+
         <a
           href="{{or release.announcementUrl 'https://forum.codecrafters.io/c/announcements'}}"
           target="_blank"

tests/acceptance/roadmap-page/course-extension-ideas-test.js

@@ -260,10 +260,7 @@ module('Acceptance | roadmap-page | course-extension-ideas', function (hooks) {
     const releaseItems = roadmapPage.latestReleasesCard.releaseItems;
     assert.strictEqual(releaseItems.length, 3, 'should show 3 release items');
     assert.strictEqual(releaseItems[0].title, 'Redis / Persistence', 'should show the released extension');
-    assert.strictEqual(releaseItems[0].type, 'EXTENSION', 'should show correct type');
     assert.strictEqual(releaseItems[1].title, 'Build your own Regex Parser', 'should show the released challenge');
-    assert.strictEqual(releaseItems[1].type, 'CHALLENGE', 'should show correct type');
     assert.strictEqual(releaseItems[2].title, 'Build your own SQLite', 'should show the released challenge');
-    assert.strictEqual(releaseItems[2].type, 'CHALLENGE', 'should show correct type');
   });
 });

tests/acceptance/roadmap-page/course-ideas-test.js

@@ -273,11 +273,9 @@ module('Acceptance | roadmap-page | course-ideas', function (hooks) {
     assert.deepEqual(timestamps, expectedTimestamps, 'items should be sorted by release date');
 
     assert.strictEqual(releaseItems[0].title, 'Redis / Persistence', 'first item should be most recent');
-    assert.strictEqual(releaseItems[0].type, 'EXTENSION', 'first item should be extension type');
     assert.strictEqual(releaseItems[0].timestamp, 'Jun 2024', 'first item should have correct timestamp');
 
     assert.strictEqual(releaseItems[4].title, 'Build your own HTTP Server', 'last item should be oldest of the 5 shown');
-    assert.strictEqual(releaseItems[4].type, 'CHALLENGE', 'last item should be challenge type');
     assert.strictEqual(releaseItems[4].timestamp, 'Feb 2024', 'last item should have correct timestamp');
   });
 });

tests/pages/roadmap-page.js

@@ -24,7 +24,6 @@ export default createPage({
     releaseItems: collection('[data-test-latest-release-item]', {
       timestamp: text('[data-test-latest-release-timestamp]'),
       title: text('[data-test-latest-release-title]'),
-      type: text('[data-test-latest-release-type]'),
     }),
     scope: '[data-test-latest-releases-card]',
   },