Merge pull request #2913 from codecrafters-io/arpan/cc-1822-rename-vote-roadmap

Arpan-206 · web-flow · commit 5e7175e2cd50 · 2025-06-24T09:00:55.000+05:30
Rename /vote -&gt; /roadmap
diff --git a/app/components/course-page/configure-extensions-modal/index.hbs b/app/components/course-page/configure-extensions-modal/index.hbs
@@ -23,10 +23,10 @@
   </div>
 
   <div class="grid grid-cols-1 gap-3 lg:grid-cols-2 mb-8">
-    <VotePage::SubmitCourseExtensionIdeaCard @course={{@repository.course}} />
+    <RoadmapPage::SubmitCourseExtensionIdeaCard @course={{@repository.course}} />
 
     {{#each this.orderedCourseExtensionIdeas as |courseExtensionIdea|}}
-      <VotePage::CourseExtensionIdeaCard @courseExtensionIdea={{courseExtensionIdea}} />
+      <RoadmapPage::CourseExtensionIdeaCard @courseExtensionIdea={{courseExtensionIdea}} />
     {{/each}}
   </div>
 </ModalBody>
diff --git a/app/components/header/index.ts b/app/components/header/index.ts
@@ -57,7 +57,7 @@ export default class HeaderComponent extends Component<Signature> {
     const links: { text: string; route: string; type: 'route' | 'link' }[] = [
       { text: 'Catalog', route: 'catalog', type: 'route' },
       { text: 'Badges', route: 'badges', type: 'route' },
-      { text: 'Vote', route: 'vote', type: 'route' },
+      { text: 'Roadmap', route: 'roadmap', type: 'route' },
     ];
 
     if (this.featureFlags.canSeeConceptsIndex) {
diff --git a/app/components/roadmap-page/course-extension-idea-card.hbs b/app/components/roadmap-page/course-extension-idea-card.hbs
@@ -55,7 +55,7 @@
   {{! Footer Controls }}
   <div class="flex items-center justify-between">
     <div class="flex items-center">
-      <VotePage::IdeaCard::VoteButton
+      <RoadmapPage::IdeaCard::VoteButton
         @idea={{@courseExtensionIdea}}
         @userHasVoted={{this.userHasVoted}}
         {{on "click" this.handleVoteButtonClick}}
@@ -72,7 +72,7 @@
           ></path>
         </svg>
       {{else if this.userHasVoted}}
-        <VotePage::IdeaCard::UnvoteButton {{on "click" this.handleUnvoteButtonClick}} />
+        <RoadmapPage::IdeaCard::UnvoteButton {{on "click" this.handleUnvoteButtonClick}} />
       {{/if}}
     </div>
   </div>
diff --git a/app/components/roadmap-page/course-extension-idea-card.ts b/app/components/roadmap-page/course-extension-idea-card.ts
@@ -65,6 +65,6 @@ export default class CourseIdeaCardComponent extends Component<Signature> {
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::CourseExtensionIdeaCard': typeof CourseIdeaCardComponent;
+    'RoadmapPage::CourseExtensionIdeaCard': typeof CourseIdeaCardComponent;
   }
 }
diff --git a/app/components/roadmap-page/course-idea-card.gts b/app/components/roadmap-page/course-idea-card.gts
@@ -3,8 +3,8 @@ import Component from '@glimmer/component';
 import EmberTooltip from 'ember-tooltips/components/ember-tooltip';
 import MarkdownToHtml from 'codecrafters-frontend/helpers/markdown-to-html';
 import svgJar from 'ember-svg-jar/helpers/svg-jar';
-import VoteButton from 'codecrafters-frontend/components/vote-page/idea-card/vote-button';
-import UnvoteButton from 'codecrafters-frontend/components/vote-page/idea-card/unvote-button';
+import VoteButton from 'codecrafters-frontend/components/roadmap-page/idea-card/vote-button';
+import UnvoteButton from 'codecrafters-frontend/components/roadmap-page/idea-card/unvote-button';
 import { action } from '@ember/object';
 import { and } from 'ember-truth-helpers';
 import { inject as service } from '@ember/service';
@@ -153,6 +153,6 @@ export default class CourseIdeaCardComponent extends Component<Signature> {
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::CourseIdeaCard': typeof CourseIdeaCardComponent;
+    'RoadmapPage::CourseIdeaCard': typeof CourseIdeaCardComponent;
   }
 }
diff --git a/app/components/roadmap-page/course-pill.hbs b/app/components/roadmap-page/course-pill.hbs
diff --git a/app/components/roadmap-page/course-pill.ts b/app/components/roadmap-page/course-pill.ts
@@ -14,6 +14,6 @@ export default class CoursePillComponent extends Component<Signature> {}
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::CoursePill': typeof CoursePillComponent;
+    'RoadmapPage::CoursePill': typeof CoursePillComponent;
   }
 }
diff --git a/app/components/roadmap-page/header.hbs b/app/components/roadmap-page/header.hbs
@@ -1,14 +1,14 @@
-<h1 class="text-3xl text-gray-700 dark:text-gray-200 font-bold tracking-tighter mb-3">Vote</h1>
+<h1 class="text-3xl text-gray-700 dark:text-gray-200 font-bold tracking-tighter mb-3">Roadmap</h1>
 
 <p class="text-gray-500 dark:text-gray-400 mb-6">
   Help us decide what content to build next.
 </p>
 
 <div class="flex gap-2 mb-8 border-b dark:border-white/5 overflow-x-auto">
-  <LinkTo @route="vote.course-ideas">
+  <LinkTo @route="roadmap.course-ideas">
     <TabHeader @text="Challenges" @isActive={{eq this.activeTab "challenges"}} />
   </LinkTo>
-  <LinkTo @route="vote.course-extension-ideas">
+  <LinkTo @route="roadmap.course-extension-ideas">
     <TabHeader @text="Challenge Extensions" @isActive={{eq this.activeTab "challenge-extensions"}} />
   </LinkTo>
 </div>
diff --git a/app/components/roadmap-page/header.ts b/app/components/roadmap-page/header.ts
@@ -12,7 +12,7 @@ export default class HeaderComponent extends Component<Signature> {
   @service declare router: RouterService;
 
   get activeTab() {
-    if (this.router.currentRouteName === 'vote.course-extension-ideas') {
+    if (this.router.currentRouteName === 'roadmap.course-extension-ideas') {
       return 'challenge-extensions';
     } else {
       return 'challenges';
@@ -22,6 +22,6 @@ export default class HeaderComponent extends Component<Signature> {
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::Header': typeof HeaderComponent;
+    'RoadmapPage::Header': typeof HeaderComponent;
   }
 }
diff --git a/app/components/roadmap-page/idea-card/unvote-button.gts b/app/components/roadmap-page/idea-card/unvote-button.gts
@@ -21,6 +21,6 @@ export default class UnvoteButtonComponent extends Component<Signature> {
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::IdeaCard::UnvoteButton': typeof UnvoteButtonComponent;
+    'RoadmapPage::IdeaCard::UnvoteButton': typeof UnvoteButtonComponent;
   }
 }
diff --git a/app/components/roadmap-page/idea-card/vote-button.gts b/app/components/roadmap-page/idea-card/vote-button.gts
@@ -54,6 +54,6 @@ export default class VoteButtonComponent extends Component<Signature> {
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::IdeaCard::VoteButton': typeof VoteButtonComponent;
+    'RoadmapPage::IdeaCard::VoteButton': typeof VoteButtonComponent;
   }
 }
diff --git a/app/components/roadmap-page/submit-course-extension-idea-card.hbs b/app/components/roadmap-page/submit-course-extension-idea-card.hbs
diff --git a/app/components/roadmap-page/submit-course-extension-idea-card.ts b/app/components/roadmap-page/submit-course-extension-idea-card.ts
@@ -31,6 +31,6 @@ export default class SubmitCourseIdeaExtensionCardComponent extends Component<Si
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::SubmitCourseExtensionIdeaCard': typeof SubmitCourseIdeaExtensionCardComponent;
+    'RoadmapPage::SubmitCourseExtensionIdeaCard': typeof SubmitCourseIdeaExtensionCardComponent;
   }
 }
diff --git a/app/components/roadmap-page/submit-course-idea-card.gts b/app/components/roadmap-page/submit-course-idea-card.gts
@@ -37,6 +37,6 @@ export default class SubmitCourseIdeaCardComponent extends Component {
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
-    'VotePage::SubmitCourseIdeaCard': typeof SubmitCourseIdeaCardComponent;
+    'RoadmapPage::SubmitCourseIdeaCard': typeof SubmitCourseIdeaCardComponent;
   }
 }
diff --git a/app/components/track-page/upcoming-courses-card.hbs b/app/components/track-page/upcoming-courses-card.hbs
@@ -9,12 +9,12 @@
     We release new challenges based on user votes. Let us know what you'd like to see next!
   </div>
 
-  <LinkTo @route="vote">
+  <LinkTo @route="roadmap">
     <img src={{this.image}} alt="challenge voting" class="w-full mb-4 border" />
   </LinkTo>
 
   <LinkTo
-    @route="vote"
+    @route="roadmap"
     class="bg-gray-200 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-700 transition-colors px-4 py-5 text-gray-700 dark:text-gray-200 text-sm rounded mr-2 flex flex-col items-center w-full group"
     data-test-vote-on-upcoming-challenges-button
     rel="noopener noreferrer"
diff --git a/app/controllers/roadmap/course-extension-ideas.ts b/app/controllers/roadmap/course-extension-ideas.ts
@@ -22,7 +22,7 @@ export default class CourseExtensionIdeasController extends Controller {
   @service declare store: Store;
 
   get orderedCourseExtensionIdeas() {
-    return this.model.courseExtensionIdeas.filterBy('course', this.selectedCourse).sortBy('reverseSortPositionForVotePage').reverse();
+    return this.model.courseExtensionIdeas.filterBy('course', this.selectedCourse).sortBy('reverseSortPositionForRoadmapPage').reverse();
   }
 
   get orderedCourses() {
diff --git a/app/controllers/roadmap/course-ideas.ts b/app/controllers/roadmap/course-ideas.ts
@@ -11,6 +11,6 @@ export default class CourseIdeasController extends Controller {
   };
 
   get orderedCourseIdeas() {
-    return this.model.courseIdeas.rejectBy('isArchived').sortBy('reverseSortPositionForVotePage').reverse();
+    return this.model.courseIdeas.rejectBy('isArchived').sortBy('reverseSortPositionForRoadmapPage').reverse();
   }
 }
diff --git a/app/controllers/vote.js b/app/controllers/vote.js
diff --git a/app/controllers/vote.ts b/app/controllers/vote.ts
diff --git a/app/models/course-extension-idea.ts b/app/models/course-extension-idea.ts
@@ -31,12 +31,12 @@ export default class CourseExtensionIdeaModel extends Model {
     return this.developmentStatus === 'released';
   }
 
-  get isNewlyCreated() {
+  get isNewlyCreated(): boolean {
     // 30 days or less old or less than 20 votes
     return this.createdAt > new Date(Date.now() - 30 * 60 * 60 * 24 * 1000) || this.votesCount < 20;
   }
 
-  get reverseSortPositionForVotePage(): string {
+  get reverseSortPositionForRoadmapPage(): string {
     const reverseSortPositionFromDevelopmentStatus = {
       not_started: 3,
       in_progress: 2,
diff --git a/app/models/course-idea.ts b/app/models/course-idea.ts
@@ -28,7 +28,7 @@ export default class CourseIdeaModel extends Model {
     return this.createdAt > new Date(Date.now() - 30 * 60 * 60 * 24 * 1000) || this.votesCount < 100;
   }
 
-  get reverseSortPositionForVotePage(): string {
+  get reverseSortPositionForRoadmapPage(): string {
     const reverseSortPositionFromDevelopmentStatus = {
       not_started: 3,
       in_progress: 2,
diff --git a/app/router.ts b/app/router.ts
@@ -96,7 +96,7 @@ Router.map(function () {
   this.route('user', { path: '/users/:username' }); // TODO: Add dark mode support
 
   // TODO: Add dark mode support
-  this.route('vote', function () {
+  this.route('roadmap', function () {
     this.route('course-ideas', { path: '/challenges' });
     this.route('course-extension-ideas', { path: '/challenge-extensions' });
   });
diff --git a/app/routes/roadmap.ts b/app/routes/roadmap.ts
@@ -15,7 +15,7 @@ export type ModelType = {
   courseExtensionIdeas: CourseExtensionIdeaModel[];
 };
 
-export default class VoteRoute extends BaseRoute {
+export default class RoadmapRoute extends BaseRoute {
   @service declare authenticator: AuthenticatorService;
   @service declare router: RouterService;
   @service declare store: Store;
@@ -25,8 +25,8 @@ export default class VoteRoute extends BaseRoute {
   }
 
   afterModel(_model: ModelType, transition: Transition) {
-    if (transition.to?.name === 'vote.index') {
-      this.router.transitionTo('vote.course-ideas');
+    if (transition.to?.name === 'roadmap.index') {
+      this.router.transitionTo('roadmap.course-ideas');
     }
   }
 
diff --git a/app/routes/roadmap/course-extension-ideas.js b/app/routes/roadmap/course-extension-ideas.js
diff --git a/app/templates/roadmap-loading.hbs b/app/templates/roadmap-loading.hbs
@@ -1,7 +1,7 @@
-{{page-title "Vote"}}
+{{page-title "Roadmap"}}
 
 <div class="container mx-auto lg:max-w-screen-lg pt-6 md:pt-10 pb-10 md:pb-48 px-3 md:px-6">
-  <VotePage::Header />
+  <RoadmapPage::Header />
 
   <div class="flex flex-col items-center justify-center py-24">
     <LoadingIndicator />
diff --git a/app/templates/roadmap.hbs b/app/templates/roadmap.hbs
@@ -1,7 +1,7 @@
-{{page-title "Vote"}}
+{{page-title "Roadmap"}}
 
 <div class="container mx-auto lg:max-w-screen-lg pt-6 md:pt-10 pb-10 md:pb-48 px-3 md:px-6">
-  <VotePage::Header />
+  <RoadmapPage::Header />
 
   {{outlet}}
 </div>
diff --git a/app/templates/roadmap/course-extension-ideas.hbs b/app/templates/roadmap/course-extension-ideas.hbs
@@ -4,7 +4,7 @@
 
 <div class="flex items-center flex-wrap mb-6">
   {{#each this.orderedCourses as |course|}}
-    <VotePage::CoursePill
+    <RoadmapPage::CoursePill
       @course={{course}}
       @isSelected={{eq this.selectedCourse course}}
       class="mr-2 mb-3 flex-shrink-0"
@@ -15,10 +15,10 @@
 
 <div class="grid grid-cols-1 gap-3 lg:grid-cols-2 mb-8">
   {{#if this.authenticator.isAuthenticated}}
-    <VotePage::SubmitCourseExtensionIdeaCard @course={{this.selectedCourse}} />
+    <RoadmapPage::SubmitCourseExtensionIdeaCard @course={{this.selectedCourse}} />
   {{/if}}
 
   {{#each this.orderedCourseExtensionIdeas as |courseExtensionIdea|}}
-    <VotePage::CourseExtensionIdeaCard @courseExtensionIdea={{courseExtensionIdea}} />
+    <RoadmapPage::CourseExtensionIdeaCard @courseExtensionIdea={{courseExtensionIdea}} />
   {{/each}}
 </div>
diff --git a/app/templates/roadmap/course-ideas.hbs b/app/templates/roadmap/course-ideas.hbs
@@ -4,10 +4,10 @@
 
 <div class="grid grid-cols-1 gap-3 lg:grid-cols-2 mb-8">
   {{#if this.authenticator.isAuthenticated}}
-    <VotePage::SubmitCourseIdeaCard />
+    <RoadmapPage::SubmitCourseIdeaCard />
   {{/if}}
 
   {{#each this.orderedCourseIdeas as |courseIdea|}}
-    <VotePage::CourseIdeaCard @courseIdea={{courseIdea}} />
+    <RoadmapPage::CourseIdeaCard @courseIdea={{courseIdea}} />
   {{/each}}
 </div>
diff --git a/tests/acceptance/roadmap-page/course-extension-ideas-test.js b/tests/acceptance/roadmap-page/course-extension-ideas-test.js
@@ -1,4 +1,4 @@
-import votePage from 'codecrafters-frontend/tests/pages/vote-page';
+import roadmapPage from 'codecrafters-frontend/tests/pages/roadmap-page';
 import createCourseExtensionIdeas from 'codecrafters-frontend/mirage/utils/create-course-extension-ideas';
 import percySnapshot from '@percy/ember';
 import testScenario from 'codecrafters-frontend/mirage/scenarios/test';
@@ -7,7 +7,7 @@ import { module, test } from 'qunit';
 import { setupApplicationTest } from 'codecrafters-frontend/tests/helpers';
 import { signIn } from 'codecrafters-frontend/tests/support/authentication-helpers';
 
-module('Acceptance | vote-page | course-extension-ideas', function (hooks) {
+module('Acceptance | roadmap-page | course-extension-ideas', function (hooks) {
   setupApplicationTest(hooks);
 
   test('it renders for anonymous user', async function (assert) {
@@ -19,15 +19,15 @@ module('Acceptance | vote-page | course-extension-ideas', function (hooks) {
 
     courseExtensionIdea.update('votesCount', 1);
 
-    await votePage.visitCourseExtensionIdeasTab();
+    await roadmapPage.visitCourseExtensionIdeasTab();
     await percySnapshot('Challenge Extension Ideas (anonymous)');
 
-    assert.strictEqual(votePage.selectedCourseName, 'Build your own Redis');
-    assert.strictEqual(votePage.courseExtensionIdeaCards.length, 2);
-    assert.strictEqual(votePage.findCourseExtensionIdeaCard(courseExtensionIdea.name).voteButtonText, '1 vote');
+    assert.strictEqual(roadmapPage.selectedCourseName, 'Build your own Redis');
+    assert.strictEqual(roadmapPage.courseExtensionIdeaCards.length, 2);
+    assert.strictEqual(roadmapPage.findCourseExtensionIdeaCard(courseExtensionIdea.name).voteButtonText, '1 vote');
 
-    const releasedIdeaCard = votePage.findCourseExtensionIdeaCard('Persistence');
-    const notStartedIdeaCard = votePage.findCourseExtensionIdeaCard('Geospatial commands');
+    const releasedIdeaCard = roadmapPage.findCourseExtensionIdeaCard('Persistence');
+    const notStartedIdeaCard = roadmapPage.findCourseExtensionIdeaCard('Geospatial commands');
 
     assert.strictEqual(releasedIdeaCard.developmentStatusLabelText, 'released', 'released idea has label');
     assert.true(releasedIdeaCard.isGreyedOut, 'released idea is greyed out');
@@ -45,7 +45,7 @@ module('Acceptance | vote-page | course-extension-ideas', function (hooks) {
 
     createCourseExtensionIdeas(this.server);
 
-    await votePage.visitCourseExtensionIdeasTab();
+    await roadmapPage.visitCourseExtensionIdeasTab();
     await percySnapshot('Challenge Extension Ideas (logged in)');
 
     assert.strictEqual(1, 1);
@@ -57,9 +57,9 @@ module('Acceptance | vote-page | course-extension-ideas', function (hooks) {
 
     createCourseExtensionIdeas(this.server);
 
-    await votePage.visitCourseExtensionIdeasTab();
+    await roadmapPage.visitCourseExtensionIdeasTab();
 
-    let courseExtensionIdeaCard = votePage.findCourseExtensionIdeaCard('Persistence');
+    let courseExtensionIdeaCard = roadmapPage.findCourseExtensionIdeaCard('Persistence');
     assert.strictEqual(courseExtensionIdeaCard.voteButtonText, '0 votes', 'expected vote button to say 0 votes');
 
     await courseExtensionIdeaCard.clickOnVoteButton();
@@ -81,9 +81,9 @@ module('Acceptance | vote-page | course-extension-ideas', function (hooks) {
     const geospatialCourseExtensionIdea = this.server.schema.courseExtensionIdeas.findBy({ name: 'Geospatial commands' });
     geospatialCourseExtensionIdea.update('developmentStatus', 'in_progress');
 
-    await votePage.visitCourseExtensionIdeasTab();
+    await roadmapPage.visitCourseExtensionIdeasTab();
 
-    let courseExtensionIdeaCard = votePage.findCourseExtensionIdeaCard('Geospatial commands');
+    let courseExtensionIdeaCard = roadmapPage.findCourseExtensionIdeaCard('Geospatial commands');
     await courseExtensionIdeaCard.hoverOnDevelopmentStatusLabel();
 
     assertTooltipContent(assert, {
@@ -99,7 +99,7 @@ module('Acceptance | vote-page | course-extension-ideas', function (hooks) {
 
     await courseExtensionIdeaCard.clickOnVoteButton();
 
-    courseExtensionIdeaCard = votePage.findCourseExtensionIdeaCard('Persistence');
+    courseExtensionIdeaCard = roadmapPage.findCourseExtensionIdeaCard('Persistence');
     await courseExtensionIdeaCard.hoverOnDevelopmentStatusLabel();
 
     assertTooltipContent(assert, {
diff --git a/tests/acceptance/roadmap-page/course-ideas-test.js b/tests/acceptance/roadmap-page/course-ideas-test.js
diff --git a/tests/pages/roadmap-page.js b/tests/pages/roadmap-page.js
diff --git a/vercel.json b/vercel.json

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,6 @@ export default class CourseIdeaCardComponent extends Component<Signature> {`
`65`	`65`
`66`	`66`	`declare module '@glint/environment-ember-loose/registry' {`
`67`	`67`	`export default interface Registry {`
`68`		`- 'VotePage::CourseExtensionIdeaCard': typeof CourseIdeaCardComponent;`
	`68`	`+ 'RoadmapPage::CourseExtensionIdeaCard': typeof CourseIdeaCardComponent;`
`69`	`69`	`}`
`70`	`70`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,6 @@ export default class CoursePillComponent extends Component<Signature> {}`
`14`	`14`
`15`	`15`	`declare module '@glint/environment-ember-loose/registry' {`
`16`	`16`	`export default interface Registry {`
`17`		`- 'VotePage::CoursePill': typeof CoursePillComponent;`
	`17`	`+ 'RoadmapPage::CoursePill': typeof CoursePillComponent;`
`18`	`18`	`}`
`19`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export default class HeaderComponent extends Component<Signature> {`
`12`	`12`	`@service declare router: RouterService;`
`13`	`13`
`14`	`14`	`get activeTab() {`
`15`		`- if (this.router.currentRouteName === 'vote.course-extension-ideas') {`
	`15`	`+ if (this.router.currentRouteName === 'roadmap.course-extension-ideas') {`
`16`	`16`	`return 'challenge-extensions';`
`17`	`17`	`} else {`
`18`	`18`	`return 'challenges';`
`@@ -22,6 +22,6 @@ export default class HeaderComponent extends Component<Signature> {`
`22`	`22`
`23`	`23`	`declare module '@glint/environment-ember-loose/registry' {`
`24`	`24`	`export default interface Registry {`
`25`		`- 'VotePage::Header': typeof HeaderComponent;`
	`25`	`+ 'RoadmapPage::Header': typeof HeaderComponent;`
`26`	`26`	`}`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,6 @@ export default class UnvoteButtonComponent extends Component<Signature> {`
`21`	`21`
`22`	`22`	`declare module '@glint/environment-ember-loose/registry' {`
`23`	`23`	`export default interface Registry {`
`24`		`- 'VotePage::IdeaCard::UnvoteButton': typeof UnvoteButtonComponent;`
	`24`	`+ 'RoadmapPage::IdeaCard::UnvoteButton': typeof UnvoteButtonComponent;`
`25`	`25`	`}`
`26`	`26`	`}`