Elgato_dark/void
1
0
Fork 0
mirror of https://github.com/voideditor/void synced 2026-05-23 09:28:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

button

Browse source
This commit is contained in:
Mathew Pareles 2025-04-15 23:04:41 -07:00
parent 7ea4e16f5f
commit 3bd6d08841
2 changed files with 47 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
View file

@ -2483,7 +2483,7 @@ export const SidebarChat = () => {
const currCheckpointIdx = chatThreadsState.allThreads[threadId]?.state?.currCheckpointIdx ?? undefined // if not exist, treat like checkpoint is last message (infinity)
const previousMessagesHTML = useMemo(() => {
const lastMessageIdx = previousMessages.findLastIndex(v => v.role !== 'checkpoint')
// const lastMessageIdx = previousMessages.findLastIndex(v => v.role !== 'checkpoint')
// tool request shows up as Editing... if in progress
return previousMessages.map((message, i) => {
return <ChatBubble

59
src/vs/workbench/contrib/void/browser/react/src/void-onboarding/VoidOnboarding.tsx
View file

@ -5,7 +5,7 @@
import { useEffect, useState } from 'react';
import { useAccessor, useIsDark, useSettingsState } from '../util/services.js';
import { Brain, Check, DollarSign, ExternalLink, Lock, X } from 'lucide-react';
import { Brain, Check, ChevronRight, DollarSign, ExternalLink, Lock, X } from 'lucide-react';
import { displayInfoOfProviderName, ProviderName, providerNames, refreshableProviderNames } from '../../../../common/voidSettingsTypes.js';
import { getModelCapabilities, ollamaRecommendedModels } from '../../../../common/modelCapabilities.js';
import { ChatMarkdownRender } from '../markdown/ChatMarkdownRender.js';
@ -376,6 +376,42 @@ const TableOfModelsForProvider = ({ providerName }: { providerName: ProviderName
const PrimaryActionButton = ({ children, className, ...props }: { children: React.ReactNode } & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
return (
<button
type='button'
className="
flex items-center justify-center
gap-1 px-4 py-2
text-white dark:text-black
bg-black/90 dark:bg-white/90
hover:ring-2 hover:ring-black/90 dark:hover:ring-white/90
active:ring-2 active:ring-black/90 dark:active:ring-white/90
transition-all duration-300
rounded-lg
shadow-md hover:shadow-lg
group
"
{...props}
>
{children}
<ChevronRight
className="
transition-all duration-300
transform
group-hover:translate-x-1
group-active:translate-x-1
"
/>
</button>
)
}
type WantToUseOption = 'smart' | 'private' | 'cheap' | 'all'
const VoidOnboardingContent = () => {
@ -494,10 +530,11 @@ const VoidOnboardingContent = () => {
<div className="text-5xl font-light text-center">Welcome to Void</div>
<FadeIn
delayMs={1500}
className="text-center"
onClick={() => { setPageIndex(pageIndex + 1) }}
className='flex justify-center'
>
Get Started
<PrimaryActionButton
onClick={() => { setPageIndex(pageIndex + 1) }}
>Get Started</PrimaryActionButton>
</FadeIn>
</>
@ -736,19 +773,15 @@ const VoidOnboardingContent = () => {
bottom={prevAndNextButtons}
/>,
4: <OnboardingPageShell
content={
<>
<div className="text-5xl font-light text-center">Jump in</div>
{/* <div className="text-5xl font-light text-center">Jump in</div> */}
<div
className="text-center"
onClick={() => {
// TODO make a fadeout effect
voidSettingsService.setGlobalSetting('isOnboardingComplete', true)
}}
className='flex justify-center'
>
Enter the Void
<PrimaryActionButton
onClick={() => { voidSettingsService.setGlobalSetting('isOnboardingComplete', true); }}
>Enter the Void</PrimaryActionButton>
</div>
</>
}