chore: change icon of regenerate button

web/app/components/base/icons/src/vender/line/general/Refresh.json

@@ -0,0 +1,23 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"xmlns": "http://www.w3.org/2000/svg",
+			"viewBox": "0 0 24 24",
+			"fill": "currentColor"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Refresh"
+}

web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.tsx → web/app/components/base/icons/src/vender/line/general/Refresh.tsx

@@ -2,7 +2,7 @@
 // DON NOT EDIT IT MANUALLY
 
 import * as React from 'react'
-import data from './MaterialSymbolsRefresh.json'
+import data from './Refresh.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
@@ -11,6 +11,6 @@ const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseP
   ref,
 ) => <IconBase {...props} ref={ref} data={data as IconData} />)
 
-Icon.displayName = 'MaterialSymbolsRefresh'
+Icon.displayName = 'Refresh'
 
 export default Icon

web/app/components/base/icons/src/vender/line/general/index.ts

@@ -1,4 +1,3 @@
-export { default as MaterialSymbolsRefresh } from './MaterialSymbolsRefresh'
 export { default as AtSign } from './AtSign'
 export { default as Bookmark } from './Bookmark'
 export { default as CheckDone01 } from './CheckDone01'
@@ -19,6 +18,7 @@ export { default as Menu01 } from './Menu01'
 export { default as Pin01 } from './Pin01'
 export { default as Pin02 } from './Pin02'
 export { default as Plus02 } from './Plus02'
+export { default as Refresh } from './Refresh'
 export { default as Settings01 } from './Settings01'
 export { default as Settings04 } from './Settings04'
 export { default as Target04 } from './Target04'

web/app/components/base/regenerate-btn/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 import { t } from 'i18next'
-import { MaterialSymbolsRefresh } from '../icons/src/vender/line/general'
+import { Refresh } from '../icons/src/vender/line/general'
 import Tooltip from '@/app/components/base/tooltip'
 
 type Props = {
@@ -21,7 +21,7 @@ const RegenerateBtn = ({ className, onClick }: Props) => {
             boxShadow: '0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)',
           }}
         >
-          <MaterialSymbolsRefresh className="p-[2px] w-6 h-6 text-[#667085] hover:bg-gray-50" />
+          <Refresh className="p-[3.5px] w-6 h-6 text-[#667085] hover:bg-gray-50" />
         </div>
       </Tooltip>
     </div>