jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Merge branch 'feature/store' of github.com:logspace-ai/langflow into feature/store

Browse source
This commit is contained in:
cristhianzl 2023-10-30 15:04:18 -03:00
commit 5f2bfba9e3
7 changed files with 93 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/backend/langflow/api/v1/store.py
View file

@ -130,6 +130,7 @@ async def search_endpoint(
page: int = Query(1), page: int = Query(1),
limit: int = Query(10), limit: int = Query(10),
status: Optional[str] = Query(None), status: Optional[str] = Query(None),
is_component: Optional[bool] = Query(None),
tags: Optional[List[str]] = Query(None), tags: Optional[List[str]] = Query(None),
date_from: Optional[datetime] = Query(None), date_from: Optional[datetime] = Query(None),
date_to: Optional[datetime] = Query(None), date_to: Optional[datetime] = Query(None),
@ -146,6 +147,7 @@ async def search_endpoint(
page=page, page=page,
limit=limit, limit=limit,
status=status, status=status,
is_component=is_component,
tags=tags, tags=tags,
date_from=date_from, date_from=date_from,
date_to=date_to, date_to=date_to,

3
src/backend/langflow/services/store/service.py
View file

@ -80,6 +80,7 @@ class StoreService(Service):
page: int = 1, page: int = 1,
limit: int = 10, limit: int = 10,
status: Optional[str] = None, status: Optional[str] = None,
is_component: Optional[bool] = None,
tags: Optional[List[str]] = None, tags: Optional[List[str]] = None,
date_from: Optional[datetime] = None, date_from: Optional[datetime] = None,
date_to: Optional[datetime] = None, date_to: Optional[datetime] = None,
@ -102,6 +103,8 @@ class StoreService(Service):
if status: if status:
params["filter[status]"] = status params["filter[status]"] = status
if is_component:
params["filter[is_component][_eq]"] = is_component
if tags: if tags:
params["filter[tags][_in]"] = ",".join(tags) params["filter[tags][_in]"] = ",".join(tags)

128
src/frontend/package-lock.json generated
View file

@ -3223,20 +3223,20 @@
} }
}, },
"node_modules/@tabler/icons": { "node_modules/@tabler/icons": {
"version": "2.39.0", "version": "2.40.0",
"resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.39.0.tgz", "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.40.0.tgz",
"integrity": "sha512-iK3j2jIEGIUaJcbYYg5iwyG1Y/m4lzUxAUbxRpvgeXCWP29jvZaH5hajZmU3KaSealddHuJg7PSQislPHpCsoQ==", "integrity": "sha512-VqKsBSX159cLFTnCzkCmGhZtSPJHNN0lM2sC4xe0HPOfPUnjiex7rDHDdut4oe4iKRecDDpwXwM9BcU6xCPlCg==",
"funding": { "funding": {
"type": "github", "type": "github",
"url": "https://github.com/sponsors/codecalm" "url": "https://github.com/sponsors/codecalm"
} }
}, },
"node_modules/@tabler/icons-react": { "node_modules/@tabler/icons-react": {
"version": "2.39.0", "version": "2.40.0",
"resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.39.0.tgz", "resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.40.0.tgz",
"integrity": "sha512-MyUK1jqtmHPZBnDXqIc1Y5OnfoqG+tGaSB1/gcl0mlY462fJ5f3QB0ZIZzAHMAGYb6K2iJSdFIFavhcgpDDZ7Q==", "integrity": "sha512-C+dDOZowFbwI3LGQP0fdua+hOPkGkW7XeMcRXTSdEKc5fD75W6zRO5nXnWivIMRKsi/Y26EDmnQo15N8JX378w==",
"dependencies": { "dependencies": {
"@tabler/icons": "2.39.0", "@tabler/icons": "2.40.0",
"prop-types": "^15.7.2" "prop-types": "^15.7.2"
}, },
"funding": { "funding": {
@ -3857,12 +3857,12 @@
"dev": true "dev": true
}, },
"node_modules/@vitejs/plugin-react-swc": { "node_modules/@vitejs/plugin-react-swc": {
"version": "3.4.0", "version": "3.4.1",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.4.0.tgz", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.4.1.tgz",
"integrity": "sha512-m7UaA4Uvz82N/0EOVpZL4XsFIakRqrFKeSNxa1FBLSXGvWrWRBwmZb4qxk+ZIVAZcW3c3dn5YosomDgx62XWcQ==", "integrity": "sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@swc/core": "^1.3.85" "@swc/core": "^1.3.95"
}, },
"peerDependencies": { "peerDependencies": {
"vite": "^4" "vite": "^4"
@ -3879,14 +3879,14 @@
"integrity": "sha512-jbQfFaw+57OBwPt7qSNHuW+RA8smmRwkWRS1Ozh6K/QxUspBgBV/LpdSzlY7vee8TomS6j3D33B9rIeH1qMwsA==" "integrity": "sha512-jbQfFaw+57OBwPt7qSNHuW+RA8smmRwkWRS1Ozh6K/QxUspBgBV/LpdSzlY7vee8TomS6j3D33B9rIeH1qMwsA=="
}, },
"node_modules/ace-builds": { "node_modules/ace-builds": {
"version": "1.31.0", "version": "1.31.1",
"resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.31.0.tgz", "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.31.1.tgz",
"integrity": "sha512-nitIhcUYA6wyO3lo2WZBPX5fcjllW6XFt4EFyHwcN2Fp70/IZwz8tdw6a0+8udDEwDj/ebt3aWEClIyCs/6qYA==" "integrity": "sha512-3DnE5bZF6Ji+l4F5acoLk+rV7mxrUt1C4r61Xy9owp5rVM4lj5NL8GJfoX6Jnnbhx6kKV7Vdpb+Tco+0ORTvhg=="
}, },
"node_modules/acorn": { "node_modules/acorn": {
"version": "8.10.0", "version": "8.11.2",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
"integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==", "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
"bin": { "bin": {
"acorn": "bin/acorn" "acorn": "bin/acorn"
}, },
@ -3904,9 +3904,9 @@
} }
}, },
"node_modules/acorn-walk": { "node_modules/acorn-walk": {
"version": "8.2.0", "version": "8.3.0",
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz", "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz",
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==", "integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==",
"engines": { "engines": {
"node": ">=0.4.0" "node": ">=0.4.0"
} }
@ -4121,9 +4121,9 @@
} }
}, },
"node_modules/axios": { "node_modules/axios": {
"version": "1.5.1", "version": "1.6.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.5.1.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
"integrity": "sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==", "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
"dependencies": { "dependencies": {
"follow-redirects": "^1.15.0", "follow-redirects": "^1.15.0",
"form-data": "^4.0.0", "form-data": "^4.0.0",
@ -4517,9 +4517,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001554", "version": "1.0.30001558",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001554.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001558.tgz",
"integrity": "sha512-A2E3U//MBwbJVzebddm1YfNp7Nud5Ip+IPn4BozBmn4KqVX7AvluoIDFWjsv5OkGnKUXQVmMSoMKLa3ScCblcQ==", "integrity": "sha512-/Et7DwLqpjS47JPEcz6VnxU9PwcIdVi0ciLXRWBQdj1XFye68pSQYpV0QtPTfUKWuOaEig+/Vez2l74eDc1tPQ==",
"funding": [ "funding": [
{ {
"type": "opencollective", "type": "opencollective",
@ -4954,9 +4954,9 @@
} }
}, },
"node_modules/daisyui": { "node_modules/daisyui": {
"version": "3.9.3", "version": "3.9.4",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.9.3.tgz", "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.9.4.tgz",
"integrity": "sha512-8li177QCu6dqlEOzE3h/dAV1y9Movbjx5bzJIO/hNqMNZtJkbHM0trjTzbDejV7N57eNGdjBvAGtxZYKzS4jow==", "integrity": "sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"colord": "^2.9", "colord": "^2.9",
@ -5237,9 +5237,9 @@
} }
}, },
"node_modules/electron-to-chromium": { "node_modules/electron-to-chromium": {
"version": "1.4.567", "version": "1.4.569",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.567.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.569.tgz",
"integrity": "sha512-8KR114CAYQ4/r5EIEsOmOMqQ9j0MRbJZR3aXD/KFA8RuKzyoUB4XrUCg+l8RUGqTVQgKNIgTpjaG8YHRPAbX2w==" "integrity": "sha512-LsrJjZ0IbVy12ApW3gpYpcmHS3iRxH4bkKOW98y1/D+3cvDUWGcbzbsFinfUS8knpcZk/PG/2p/RnkMCYN7PVg=="
}, },
"node_modules/emoji-regex": { "node_modules/emoji-regex": {
"version": "8.0.0", "version": "8.0.0",
@ -13233,16 +13233,16 @@
} }
}, },
"@tabler/icons": { "@tabler/icons": {
"version": "2.39.0", "version": "2.40.0",
"resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.39.0.tgz", "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.40.0.tgz",
"integrity": "sha512-iK3j2jIEGIUaJcbYYg5iwyG1Y/m4lzUxAUbxRpvgeXCWP29jvZaH5hajZmU3KaSealddHuJg7PSQislPHpCsoQ==" "integrity": "sha512-VqKsBSX159cLFTnCzkCmGhZtSPJHNN0lM2sC4xe0HPOfPUnjiex7rDHDdut4oe4iKRecDDpwXwM9BcU6xCPlCg=="
}, },
"@tabler/icons-react": { "@tabler/icons-react": {
"version": "2.39.0", "version": "2.40.0",
"resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.39.0.tgz", "resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.40.0.tgz",
"integrity": "sha512-MyUK1jqtmHPZBnDXqIc1Y5OnfoqG+tGaSB1/gcl0mlY462fJ5f3QB0ZIZzAHMAGYb6K2iJSdFIFavhcgpDDZ7Q==", "integrity": "sha512-C+dDOZowFbwI3LGQP0fdua+hOPkGkW7XeMcRXTSdEKc5fD75W6zRO5nXnWivIMRKsi/Y26EDmnQo15N8JX378w==",
"requires": { "requires": {
"@tabler/icons": "2.39.0", "@tabler/icons": "2.40.0",
"prop-types": "^15.7.2" "prop-types": "^15.7.2"
} }
}, },
@ -13816,12 +13816,12 @@
"dev": true "dev": true
}, },
"@vitejs/plugin-react-swc": { "@vitejs/plugin-react-swc": {
"version": "3.4.0", "version": "3.4.1",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.4.0.tgz", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.4.1.tgz",
"integrity": "sha512-m7UaA4Uvz82N/0EOVpZL4XsFIakRqrFKeSNxa1FBLSXGvWrWRBwmZb4qxk+ZIVAZcW3c3dn5YosomDgx62XWcQ==", "integrity": "sha512-7YQOQcVV5x1luD8nkbCDdyYygFvn1hjqJk68UvNAzY2QG4o4N5EwAhLLFNOcd1HrdMwDl0VElP8VutoWf9IvJg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@swc/core": "^1.3.85" "@swc/core": "^1.3.95"
} }
}, },
"abab": { "abab": {
@ -13835,14 +13835,14 @@
"integrity": "sha512-jbQfFaw+57OBwPt7qSNHuW+RA8smmRwkWRS1Ozh6K/QxUspBgBV/LpdSzlY7vee8TomS6j3D33B9rIeH1qMwsA==" "integrity": "sha512-jbQfFaw+57OBwPt7qSNHuW+RA8smmRwkWRS1Ozh6K/QxUspBgBV/LpdSzlY7vee8TomS6j3D33B9rIeH1qMwsA=="
}, },
"ace-builds": { "ace-builds": {
"version": "1.31.0", "version": "1.31.1",
"resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.31.0.tgz", "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.31.1.tgz",
"integrity": "sha512-nitIhcUYA6wyO3lo2WZBPX5fcjllW6XFt4EFyHwcN2Fp70/IZwz8tdw6a0+8udDEwDj/ebt3aWEClIyCs/6qYA==" "integrity": "sha512-3DnE5bZF6Ji+l4F5acoLk+rV7mxrUt1C4r61Xy9owp5rVM4lj5NL8GJfoX6Jnnbhx6kKV7Vdpb+Tco+0ORTvhg=="
}, },
"acorn": { "acorn": {
"version": "8.10.0", "version": "8.11.2",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
"integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==" "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w=="
}, },
"acorn-globals": { "acorn-globals": {
"version": "7.0.1", "version": "7.0.1",
@ -13854,9 +13854,9 @@
} }
}, },
"acorn-walk": { "acorn-walk": {
"version": "8.2.0", "version": "8.3.0",
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz", "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz",
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==" "integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA=="
}, },
"add": { "add": {
"version": "2.0.6", "version": "2.0.6",
@ -13991,9 +13991,9 @@
"dev": true "dev": true
}, },
"axios": { "axios": {
"version": "1.5.1", "version": "1.6.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.5.1.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
"integrity": "sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==", "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
"requires": { "requires": {
"follow-redirects": "^1.15.0", "follow-redirects": "^1.15.0",
"form-data": "^4.0.0", "form-data": "^4.0.0",
@ -14248,9 +14248,9 @@
"integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==" "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
}, },
"caniuse-lite": { "caniuse-lite": {
"version": "1.0.30001554", "version": "1.0.30001558",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001554.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001558.tgz",
"integrity": "sha512-A2E3U//MBwbJVzebddm1YfNp7Nud5Ip+IPn4BozBmn4KqVX7AvluoIDFWjsv5OkGnKUXQVmMSoMKLa3ScCblcQ==" "integrity": "sha512-/Et7DwLqpjS47JPEcz6VnxU9PwcIdVi0ciLXRWBQdj1XFye68pSQYpV0QtPTfUKWuOaEig+/Vez2l74eDc1tPQ=="
}, },
"ccount": { "ccount": {
"version": "2.0.1", "version": "2.0.1",
@ -14555,9 +14555,9 @@
} }
}, },
"daisyui": { "daisyui": {
"version": "3.9.3", "version": "3.9.4",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.9.3.tgz", "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.9.4.tgz",
"integrity": "sha512-8li177QCu6dqlEOzE3h/dAV1y9Movbjx5bzJIO/hNqMNZtJkbHM0trjTzbDejV7N57eNGdjBvAGtxZYKzS4jow==", "integrity": "sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==",
"dev": true, "dev": true,
"requires": { "requires": {
"colord": "^2.9", "colord": "^2.9",
@ -14768,9 +14768,9 @@
} }
}, },
"electron-to-chromium": { "electron-to-chromium": {
"version": "1.4.567", "version": "1.4.569",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.567.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.569.tgz",
"integrity": "sha512-8KR114CAYQ4/r5EIEsOmOMqQ9j0MRbJZR3aXD/KFA8RuKzyoUB4XrUCg+l8RUGqTVQgKNIgTpjaG8YHRPAbX2w==" "integrity": "sha512-LsrJjZ0IbVy12ApW3gpYpcmHS3iRxH4bkKOW98y1/D+3cvDUWGcbzbsFinfUS8knpcZk/PG/2p/RnkMCYN7PVg=="
}, },
"emoji-regex": { "emoji-regex": {
"version": "8.0.0", "version": "8.0.0",

2
src/frontend/src/components/stackedComponents/index.tsx
View file

@ -16,7 +16,7 @@ const ElementStack: React.FC<ElementStackProps> = ({ children }) => {
style={{ style={{
gridColumn: 1, gridColumn: 1,
gridRow: 1, gridRow: 1,
transform: `translateX(${index * 0.3}rem)`, transform: `translateX(${index * 0.1}rem)`,
zIndex: children.length - index, zIndex: children.length - index,
}} }}
> >

98
src/frontend/src/pages/StorePage/components/market-card.tsx
View file

@ -1,4 +1,4 @@
import { ReactNode, useContext, useEffect, useRef, useState } from "react"; import { useContext, useEffect, useRef, useState } from "react";
import ShadTooltip from "../../../components/ShadTooltipComponent"; import ShadTooltip from "../../../components/ShadTooltipComponent";
import IconComponent from "../../../components/genericIconComponent"; import IconComponent from "../../../components/genericIconComponent";
import ElementStack from "../../../components/stackedComponents"; import ElementStack from "../../../components/stackedComponents";
@ -26,27 +26,6 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
const { addFlow } = useContext(TabsContext); const { addFlow } = useContext(TabsContext);
const { setSuccessData, setErrorData } = useContext(alertContext); const { setSuccessData, setErrorData } = useContext(alertContext);
const flowData = useRef<FlowType>(); const flowData = useRef<FlowType>();
const tagsPopUp = useRef<HTMLDivElement & ReactNode>(null);
const testTags = ["teste", "teste2", "teste3"];
useEffect(() => {
//@ts-ignore
tagsPopUp.current = (
<div className="flex flex-col flex-wrap gap-1">
{testTags.map((tag, index) => (
<div className="">
<Badge
key={index}
className="shadow-lg"
size="sm"
variant="outline"
>
{tag}
</Badge>
</div>
))}
</div>
);
}, []);
useEffect(() => { useEffect(() => {
setAdded(savedFlows.has(data.id) ? true : false); setAdded(savedFlows.has(data.id) ? true : false);
@ -60,7 +39,10 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
const newFLow = cloneFLowWithParent(res, res.id, data.is_component); const newFLow = cloneFLowWithParent(res, res.id, data.is_component);
flowData.current = newFLow; flowData.current = newFLow;
console.log(newFLow); console.log(newFLow);
saveFlowStore(newFLow, data.tags) saveFlowStore(
newFLow,
data.tags.map((tag) => tag.id)
)
.then(() => { .then(() => {
setAdded(true); setAdded(true);
setLoading(false); setLoading(false);
@ -87,7 +69,6 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
}); });
} else { } else {
getComponent(data.id).then((res) => { getComponent(data.id).then((res) => {
console.log(res);
const newFLow = cloneFLowWithParent(res, res.id, data.is_component); const newFLow = cloneFLowWithParent(res, res.id, data.is_component);
flowData.current = newFLow; flowData.current = newFLow;
addFlow(true, newFLow); addFlow(true, newFLow);
@ -100,21 +81,6 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
<Card className="group relative flex flex-col justify-between overflow-hidden transition-all hover:shadow-md"> <Card className="group relative flex flex-col justify-between overflow-hidden transition-all hover:shadow-md">
<div> <div>
<CardHeader> <CardHeader>
{/*
<div className="mb-2 flex flex-wrap gap-1">
{data.tags.map((tag) => (
<Badge
size="sm"
className={
tagGradients[parseInt(tag, 35) % tagGradients.length] +
" " +
tagText[parseInt(tag, 35) % tagText.length]
}
>
{tag}
</Badge>
))}
</div> */}
<div> <div>
<CardTitle className="flex w-full items-center justify-between gap-3 text-xl"> <CardTitle className="flex w-full items-center justify-between gap-3 text-xl">
<span className="flex w-full items-center gap-2 word-break-break-word"> <span className="flex w-full items-center gap-2 word-break-break-word">
@ -124,17 +90,6 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
Free Free
</Badge> </Badge>
</CardTitle> </CardTitle>
{/* <span className="inline-flex items-center text-sm">
<img
className="mr-2 h-4 w-4 rounded-full"
src={data.image}
/>
{data.creator.name}
</span>
<span className="flex text-xs items-center gap-2 text-ring">
<Download className="h-3 w-3" />
{nFormatter(data.downloads, 2)}
</span> */}
</div> </div>
<CardDescription className="pb-2 pt-2"> <CardDescription className="pb-2 pt-2">
<div className="truncate-doubleline">{data.description}</div> <div className="truncate-doubleline">{data.description}</div>
@ -151,32 +106,34 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
side="right" side="right"
content={ content={
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{testTags.map((tag, index) => ( {data.tags
<div className=""> .sort((a, b) => a.name.length - b.name.length)
<Badge .map((tag, index) => (
key={index} <div className="">
className="bg-card shadow-md" <Badge
size="sm" key={index}
variant="outline" className="bg-card shadow-md"
> size="sm"
{tag} variant="outline"
</Badge> >
</div> {tag.name}
))} </Badge>
</div>
))}
</div> </div>
} }
> >
<div className="pr-2 hover:opacity-40"> <div className="pr-2 hover:opacity-40">
{testTags.length > 0 ? ( {data.tags.length > 0 ? (
<ElementStack> <ElementStack>
{testTags.map((tag, index) => ( {data.tags.map((tag, index) => (
<Badge <Badge
key={index} key={index}
size="md" size="md"
className="bg-card" className="bg-card"
variant="outline" variant="outline"
> >
{"tag"} {tag.name}
</Badge> </Badge>
))} ))}
</ElementStack> </ElementStack>
@ -206,17 +163,6 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
</span> </span>
</ShadTooltip> </ShadTooltip>
</div> </div>
{/* {data.isChat ? (
<Button size="sm" variant="outline">
<Plus className="h-4 mr-2" />
Add
</Button>
) : (
<Button size="sm" variant="success">
<Check className="h-4 mr-2" />
Added
</Button>
)} */}
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"

5
src/frontend/src/pages/StorePage/index.tsx
View file

@ -69,11 +69,6 @@ export default function StorePage(): JSX.Element {
setSavedFlows(savedIds); setSavedFlows(savedIds);
} }
useEffect(() => {
//TODO get tags from API
setTags(["tag1", "tag2", "tag3"]);
}, []);
useEffect(() => { useEffect(() => {
getNumberOfComponents().then((res) => { getNumberOfComponents().then((res) => {
setTotalRowsCount(Number(res["count"])); setTotalRowsCount(Number(res["count"]));

2
src/frontend/src/types/store/index.ts
View file

@ -1,7 +1,7 @@
export type storeComponent = { export type storeComponent = {
id: string; id: string;
is_component: boolean; is_component: boolean;
tags: string[]; tags: { id: string; name: string }[];
metadata?: {}; metadata?: {};
downloads_count: number; downloads_count: number;
name: string; name: string;