[web] interviews/dashboard: fix dashboard QA issues (#994)

Co-authored-by: GitHub Actions <github-actions[bot]@users.noreply.github.com>
This commit is contained in:
Nitesh Seram 2024-11-16 10:30:03 +05:30 committed by GitHub
parent d8daa44fcd
commit 1fc0315b2c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 83 additions and 76 deletions

View File

@ -131,41 +131,32 @@ export default function InterviewsDashboardContributionsChart({
})}
</div>
</ScrollArea>
<div className="flex flex-col items-end justify-between gap-x-4 gap-y-1 md:flex-row md:items-center">
<div className="flex items-center justify-end gap-2">
<Text color="secondary" size="body2">
<FormattedMessage
defaultMessage="How we count completions"
description="How question completions are counted"
id="elg6NS"
defaultMessage="Less"
description="Label for less contribution"
id="etKgoR"
/>
</Text>
<div className="flex items-center gap-2">
<Text color="secondary" size="body2">
<FormattedMessage
defaultMessage="Less"
description="Label for less contribution"
id="etKgoR"
<div className="flex gap-1">
{[0, 1, 2, 3, 4].map((item) => (
<div
key={item}
className={clsx(
'size-3.5 rounded-sm',
contributionColorMap[item],
)}
/>
</Text>
<div className="flex gap-1">
{[0, 1, 2, 3, 4].map((item) => (
<div
key={item}
className={clsx(
'size-3.5 rounded-sm',
contributionColorMap[item],
)}
/>
))}
</div>
<Text color="secondary" size="body2">
<FormattedMessage
defaultMessage="More"
description="Label for more contribution"
id="vyB72k"
/>
</Text>
))}
</div>
<Text color="secondary" size="body2">
<FormattedMessage
defaultMessage="More"
description="Label for more contribution"
id="vyB72k"
/>
</Text>
</div>
</div>
);

View File

@ -36,7 +36,7 @@ export default function InterviewsDashboardProgressSection({
id="InbLxy"
/>
</Heading>
<div className="grid gap-6 xl:grid-cols-2">
<div className="grid gap-6 lg:grid-cols-2">
<InterviewsDashboardSolvedProblemsCard
questions={questions}
questionsProgress={questionsProgress}

View File

@ -29,9 +29,9 @@ export default function InterviewsDashboardCompanySection({
id: 'uA9EBK',
})}
title={intl.formatMessage({
defaultMessage: 'Company Guides',
defaultMessage: 'Company guides',
description: 'Title for prepare by company',
id: 'kju3R1',
id: 'cjCfJX',
})}>
<div className="grid gap-4 md:grid-cols-2 xl:gap-6">
{companyGuides.map((companyGuide) => {

View File

@ -3,6 +3,10 @@
"defaultMessage": "+{points} rep",
"description": "Rep gain for parent skill"
},
"+4J3PK": {
"defaultMessage": "Browser",
"description": "Front end development topic"
},
"+5JohH": {
"defaultMessage": "About",
"description": "Link to company's about page"
@ -887,6 +891,10 @@
"defaultMessage": "Number of challenges completed using this skill, including challenges not in the recommended skill plan",
"description": "Tooltip for completed challenges label"
},
"4MzF6x": {
"defaultMessage": "Security",
"description": "Front end development topic"
},
"4P9bN0": {
"defaultMessage": "Pay once, get full access to the interviews platform forever",
"description": "Subtitle of LifeTime Access Pricing Plan found on Homepage or Pricing page"
@ -2415,6 +2423,10 @@
"defaultMessage": "Delete line",
"description": "Text describing command to delete line(s) in the coding workspace shortcuts menu"
},
"F8ULPJ": {
"defaultMessage": "Graph",
"description": "Front end development topic"
},
"F8wNUD": {
"defaultMessage": "Starter code with content copy",
"description": "Provided resource for project"
@ -3199,6 +3211,10 @@
"defaultMessage": "Must be two characters or more",
"description": "Error message for min length"
},
"KLoXYT": {
"defaultMessage": "Object-oriented programming",
"description": "Front end development topic"
},
"KPn83+": {
"defaultMessage": "Series Contents",
"description": "Series contents navigation menu button label"
@ -3539,6 +3555,10 @@
"defaultMessage": "{readingTime} minutes",
"description": "Reading time of the article"
},
"MMLnqG": {
"defaultMessage": "Closure",
"description": "Front end development topic"
},
"MMflpy": {
"defaultMessage": "Follow",
"description": "Label for github follow button"
@ -3895,6 +3915,10 @@
"defaultMessage": "Filter by contribution type",
"description": "Tooltip for contribution type filter for contribution list"
},
"Oykw81": {
"defaultMessage": "Internationalization",
"description": "Front end development topic"
},
"Ozg1OX": {
"defaultMessage": "{questionTitle} | Front End System Design",
"description": "Social title of system design question page"
@ -3915,10 +3939,6 @@
"defaultMessage": "Hoping to grow in skills / tools / frameworks",
"description": "Projects profile tech stack I am hoping to grow section title"
},
"P4Or/u": {
"defaultMessage": "CSS",
"description": "CSS topic for quiz questions"
},
"P4vm6j": {
"defaultMessage": "Support us by starring our GitHub repo and consider contributing!",
"description": "Description for github star"
@ -4211,6 +4231,10 @@
"defaultMessage": "Guides",
"description": "Projects guides"
},
"QwoKre": {
"defaultMessage": "Testing",
"description": "Front end development topic"
},
"QxlS4d": {
"defaultMessage": "Difficulty: Hard to Easy",
"description": "Sorting option for submissions list - sort by difficulty from hard to easy"
@ -4379,6 +4403,10 @@
"defaultMessage": "An account is required to purchase premium",
"description": "Title of alert requesting user to create an account to purchase premium plans"
},
"Rs1Xi9": {
"defaultMessage": "Tree",
"description": "Front end development topic"
},
"RsPxKM": {
"defaultMessage": "Superscript",
"description": "Label for superscript"
@ -4663,6 +4691,10 @@
"defaultMessage": "Purchase premium to unlock full access to exclusive System Design content including high quality solutions and companies which ask this question.",
"description": "System design questions paywall"
},
"TbZTWa": {
"defaultMessage": "Accessibility",
"description": "Front end development topic"
},
"Tdn+OY": {
"defaultMessage": "Starting is as easy as clicking a Start project button, and we will take you through every step of the way.",
"description": "Ready to start section subtitle"
@ -5423,10 +5455,6 @@
"defaultMessage": "Start building from our large repository of real-world front end project challenges. Hone core front end skills and build an impressive project portfolio.",
"description": "Description of Challenges page"
},
"Yb2e9Q": {
"defaultMessage": "HTML",
"description": "HTML topic for quiz questions"
},
"YdQTiq": {
"defaultMessage": "Preparation plans for all kinds of preparation timelines — <owlink>1 week</owlink>, <omlink>1 month</omlink>, <tmlink>3 months</tmlink>.",
"description": "Subtitle for proven preparation plans feature"
@ -5595,10 +5623,18 @@
"defaultMessage": "Focus areas",
"description": "Title of focus areas page"
},
"ZutazH": {
"defaultMessage": "Networking",
"description": "Front end development topic"
},
"a0Osa7": {
"defaultMessage": "Challenge: {challengeName} | Completion steps",
"description": "Title of Projects challenge completion page"
},
"a1RZkG": {
"defaultMessage": "Web APIs",
"description": "Front end development topic"
},
"a3MONw": {
"defaultMessage": "Time efficient",
"description": "Features for study plans question listing"
@ -6035,6 +6071,10 @@
"defaultMessage": "Status",
"description": "Label for \"Years of experience replacement status\" choices on Projects profile onboarding page"
},
"cjCfJX": {
"defaultMessage": "Company guides",
"description": "Title for prepare by company"
},
"cjgzTz": {
"defaultMessage": "Read how to solve {questionTitle} using {questionFramework}",
"description": "Description of Front End Interview UI Coding Questions solution page"
@ -6087,6 +6127,10 @@
"defaultMessage": "The vast breadth of topics that could come up during a front end interview can be daunting.",
"description": "Long description for focus areas page"
},
"d1LTa+": {
"defaultMessage": "Performance",
"description": "Front end development topic"
},
"d3GL1v": {
"defaultMessage": "Copy line down",
"description": "Text describing command to copy lines down in the coding workspace shortcuts menu"
@ -6327,10 +6371,6 @@
"defaultMessage": "Tackle your next interview with confidence using this focused, no-nonsense front end prep guide. Created by the author of the Front End Interview Handbook, it's filled with practical strategies and insider tips you won't find anywhere else.",
"description": "Long description of frontend interview playbook page"
},
"elg6NS": {
"defaultMessage": "How we count completions",
"description": "How question completions are counted"
},
"emlXOt": {
"defaultMessage": "You've just attained level {level} ✨ Congratulations!",
"description": "Description for level up"
@ -6383,6 +6423,10 @@
"defaultMessage": "Practice Angular Interview Questions with Solutions",
"description": "Title of Angular Interview Questions page"
},
"ezEYel": {
"defaultMessage": "Async",
"description": "Front end development topic"
},
"f/t2zt": {
"defaultMessage": "Project session ended!",
"description": "Toast title for project session ended"
@ -7267,10 +7311,6 @@
"defaultMessage": "Build a whole component library or design system for your portfolio",
"description": "Description for recommended action for new projects platform user"
},
"kju3R1": {
"defaultMessage": "Company Guides",
"description": "Title for prepare by company"
},
"kmemRr": {
"defaultMessage": "Submission title",
"description": "Label for submission title input on project submit page"
@ -7311,10 +7351,6 @@
"defaultMessage": "Resubscribe to access",
"description": "Title for a paywall of a submission for a premium project"
},
"kvLlxS": {
"defaultMessage": "Security",
"description": "Security topic for quiz questions"
},
"kvhZfI": {
"defaultMessage": "You are on the <bold>Annual</bold> plan.",
"description": "Text describing user's subscription plan."
@ -7323,10 +7359,6 @@
"defaultMessage": "Choose your component and pick any theme",
"description": "Short description for \"Composable themes\" feature on Projects home page"
},
"kwblYW": {
"defaultMessage": "Performance",
"description": "Performance topic for quiz questions"
},
"kzklH3": {
"defaultMessage": "From beginner to advanced",
"description": "Label for skill roadmap feature for month plan"
@ -7379,10 +7411,6 @@
"defaultMessage": "Focus areas",
"description": "Label for focus areas study list"
},
"l9OWsu": {
"defaultMessage": "Testing",
"description": "Testing topic for quiz questions"
},
"lD302L": {
"defaultMessage": "Recommended duration to spend during interviews",
"description": "Recommended duration tooltip displayed on question cards found on question lists"
@ -7923,10 +7951,6 @@
"defaultMessage": "Add website",
"description": "Title for Add Website task on Projects dashboard page"
},
"pM/ZPq": {
"defaultMessage": "Network",
"description": "Network topic for quiz questions"
},
"pN0mtf": {
"defaultMessage": "Settings | Projects",
"description": "Title of projects settings page"
@ -8031,10 +8055,6 @@
"defaultMessage": "Progress",
"description": "Title for learning progress card"
},
"q0+3Lk": {
"defaultMessage": "Accessibility",
"description": "Accessibility topic for quiz questions"
},
"q0J0CA": {
"defaultMessage": "Continue with {authProviderLabel}",
"description": "Label of social media sign in button on Social Sign In page"
@ -8595,14 +8615,14 @@
"defaultMessage": "Move line down",
"description": "Text describing command to move lines down in the coding workspace shortcuts menu"
},
"tonRki": {
"defaultMessage": "Internationalization",
"description": "Internationalization topic for quiz questions"
},
"tpQwtr": {
"defaultMessage": "Thanks for contributing",
"description": "Toast message title about gaining reputation points"
},
"trRb9Z": {
"defaultMessage": "Recursion",
"description": "Front end development topic"
},
"tryW5f": {
"defaultMessage": "Use a different card if you are unsure of the correct CVC.",
"description": "Reason label for different card"
@ -8931,10 +8951,6 @@
"defaultMessage": "Front End Interview Guidebook",
"description": "Front End Interview Guidebook title"
},
"w22UH7": {
"defaultMessage": "JavaScript",
"description": "JavaScript topic for quiz questions"
},
"w3T2Ld": {
"defaultMessage": "Editor shortcuts",
"description": "Tooltip for button to open code editor shortcuts"