Fix: use new button (#5384)

web/app/components/base/chat/embedded-chatbot/config-panel/index.tsx

@@ -94,7 +94,7 @@ const ConfigPanel = () => {
               <Form />
               <div className={cn('pl-[136px] flex items-center', isMobile && '!pl-0')}>
                 <Button
-                  type='primary'
+                  variant='primary'
                   className='mr-2 text-sm font-medium'
                   onClick={() => {
                     setCollapsed(true)
@@ -119,7 +119,7 @@ const ConfigPanel = () => {
               <Form />
               <Button
                 className={cn('px-4 py-0 h-9', inputsForms.length && !isMobile && 'ml-[136px]')}
-                type='primary'
+                variant='primary'
                 onClick={handleStartChat}
               >
                 <MessageDotsCircle className='mr-2 w-4 h-4 text-white' />

web/app/components/datasets/create/step-one/index.tsx

@@ -239,7 +239,7 @@ const StepOne = ({
                   <VectorSpaceFull />
                 </div>
               )}
-              <Button disabled={isShowVectorSpaceFull || !websitePages.length} className={s.submitButton} type='primary' onClick={onStepChange}>{t('datasetCreation.stepOne.button')}</Button>
+              <Button disabled={isShowVectorSpaceFull || !websitePages.length} className={s.submitButton} variant='primary' onClick={onStepChange}>{t('datasetCreation.stepOne.button')}</Button>
             </>
           )}
           {!datasetId && (

web/app/components/datasets/create/website/firecrawl/base/url-input.tsx

@@ -35,7 +35,7 @@ const UrlInput: FC<Props> = ({
         placeholder='https://docs.dify.ai'
       />
       <Button
-        type='primary'
+        variant='primary'
         onClick={handleOnRun}
         className='ml-2 !h-8 text-[13px] font-medium'
         loading={isRunning}

web/app/components/datasets/create/website/no-data.tsx

@@ -27,7 +27,7 @@ const NoData: FC<Props> = ({
           {t(`${I18N_PREFIX}.fireCrawlNotConfiguredDescription`)}
         </div>
       </div>
-      <Button type='primary' onClick={onConfig} className='!h-8 text-[13px] font-medium ' >
+      <Button variant='primary' onClick={onConfig} className='!h-8 text-[13px] font-medium ' >
         {t(`${I18N_PREFIX}.configure`)}
       </Button>
     </div>

web/app/components/datasets/documents/rename-modal.tsx

@@ -66,7 +66,7 @@ const RenameModal: FC<Props> = ({
 
       <div className='mt-10 flex justify-end'>
         <Button className='mr-2 flex-shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button type='primary' className='flex-shrink-0' onClick={handleSave} loading={saveLoading}>{t('common.operation.save')}</Button>
+        <Button variant='primary' className='flex-shrink-0' onClick={handleSave} loading={saveLoading}>{t('common.operation.save')}</Button>
       </div>
     </Modal>
   )

web/app/components/header/account-setting/data-source-page/data-source-website/config-firecrawl-modal.tsx

@@ -130,7 +130,7 @@ const ConfigFirecrawlModal: FC<Props> = ({
                   </Button>
                   <Button
                     className='h-9 text-sm font-medium'
-                    type='primary'
+                    variant='primary'
                     onClick={handleSave}
                     loading={isSaving}
                   >

web/app/components/header/account-setting/model-provider-page/model-modal/model-load-balancing-entry-modal.tsx

@@ -289,7 +289,7 @@ const ModelLoadBalancingEntryModal: FC<ModelModalProps> = ({
                   </Button>
                   <Button
                     className='h-9 text-sm font-medium'
-                    type='primary'
+                    variant='primary'
                     onClick={handleSave}
                     disabled={loading || filteredRequiredFormSchemas.some(item => value[item.variable] === undefined)}
                   >

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx

@@ -171,7 +171,7 @@ const ModelLoadBalancingModal = ({ provider, model, open = false, onClose, onSav
             <div className='flex items-center justify-end gap-2 mt-6'>
               <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
               <Button
-                type='primary'
+                variant='primary'
                 onClick={handleSave}
                 disabled={
                   loading

web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx

@@ -87,7 +87,7 @@ const LinkEditorComponent = ({
                       autoFocus
                     />
                     <Button
-                      type='primary'
+                      variant='primary'
                       className={cn(
                         'py-0 px-2 h-6 text-xs',
                         !url && 'cursor-not-allowed',