info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-03-15 12:49:43 +01:00
Code Issues Releases Wiki Activity

Add skip button for teams

Browse Source
This commit is contained in:
Kamran Ahmed 2023-07-25 18:56:40 +01:00
parent 5cf286a753
commit 5d3202e065
3 changed files with 43 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/CreateTeam/Step2.tsx
View File

@ -41,17 +41,30 @@ export function Step2(props: Step2Props) {
<span className="mr-1">&larr;</span>
Previous Step
</button>
<button
type="submit"
disabled={teamResourceConfig.length === 0}
onClick={onNext}
className={
'rounded-md border bg-black px-4 py-2 text-white disabled:opacity-50'
}
>
Next Step
<span className="ml-1">&rarr;</span>
</button>
<div className={'flex gap-2'}>
{teamResourceConfig.length === 0 && (
<button
type="button"
onClick={onNext}
className={
'rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-500 hover:border-gray-400 hover:text-black'
}
>
Skip for Now
</button>
)}
<button
type="submit"
disabled={teamResourceConfig.length === 0}
onClick={onNext}
className={
'rounded-md border bg-black px-4 py-2 text-white disabled:opacity-50'
}
>
Next Step
<span className="ml-1">&rarr;</span>
</button>
</div>
</div>
</>
);

6
src/components/TeamDropdown/TeamDropdown.tsx
View File

@ -155,12 +155,6 @@ export function TeamDropdown() {
Invite
</span>
)}
{team.roadmaps.length === 0 && (
<span className="flex rounded-md bg-gray-500 px-2 text-xs text-white">
Draft
</span>
)}
</a>
</li>
);

28
src/components/TeamSidebar.tsx
View File

@ -8,13 +8,14 @@ import MapIcon from '../icons/map.svg';
import GroupIcon from '../icons/group.svg';
import { useState } from 'preact/hooks';
import { useStore } from '@nanostores/preact';
import { $canManageCurrentTeam } from '../stores/team';
import { $canManageCurrentTeam, $currentTeam } from '../stores/team';
import { WarningIcon } from './ReactIcons/WarningIcon';
export const TeamSidebar: FunctionalComponent<{
activePageId: string;
}> = ({ activePageId, children }) => {
const [menuShown, setMenuShown] = useState(false);
const canManageCurrentTeam = useStore($canManageCurrentTeam);
const currentTeam = useStore($currentTeam);
const { teamId } = useTeamId();
@ -30,6 +31,7 @@ export const TeamSidebar: FunctionalComponent<{
href: `/team/roadmaps?t=${teamId}`,
id: 'roadmaps',
icon: MapIcon,
hasWarning: currentTeam?.roadmaps?.length === 0,
},
{
title: 'Members',
@ -120,13 +122,21 @@ export const TeamSidebar: FunctionalComponent<{
: 'border-r-transparent text-gray-500 hover:border-r-gray-300'
}`}
>
<span class="flex flex-grow items-center">
<img
alt="menu icon"
src={sidebarLink.icon}
className="mr-2 h-4 w-4"
/>
{sidebarLink.title}
<span class="flex flex-grow items-center justify-between">
<span className="flex">
<img
alt="menu icon"
src={sidebarLink.icon}
className="mr-2 h-4 w-4"
/>
{sidebarLink.title}
</span>
{sidebarLink.hasWarning && (
<span class="relative mr-1 flex items-center">
<span class="relative rounded-full bg-red-200 p-1 text-xs" />
<span class="absolute bottom-0 left-0 right-0 top-0 animate-ping rounded-full bg-red-400 p-1 text-xs" />
</span>
)}
</span>
</a>
</li>