Updates

apps/dashboard/src/components/tables/transactions/data-table.tsx

@@ -282,10 +282,10 @@ export function DataTable<TData, TValue>({
 
       {hasNextPage && (
         <div className="flex items-center justify-center mt-6" ref={ref}>
-          <Button variant="outline" className="space-x-2 px-6 py-5">
+          <div className="flex items-center space-x-2 px-6 py-5">
             <Spinner />
             <span className="text-sm text-[#606060]">Loading more...</span>
-          </Button>
+          </div>
         </div>
       )}
 

apps/dashboard/src/components/tables/transactions/index.tsx

@@ -24,7 +24,7 @@ export async function Table({ filter, page, sort, query }: Props) {
   // NOTE: When we have a filter we want to show all results so users can select
   // And handle all in once (export etc)
   const transactions = await getTransactions({
-    to: hasFilters ? maxItems : pageSize,
+    to: hasFilters ? maxItems : page > 0 ? pageSize : pageSize - 1,
     from: 0,
     filter,
     sort,

apps/dashboard/src/components/team-dropdown.tsx

@@ -30,7 +30,7 @@ export function TeamDropdown({ selectedTeamId: initialId, teams }: Props) {
   const [isOpen, onOpenChange] = useState(false);
   const changeTeam = useAction(changeTeamAction);
 
-  const sortedTeams = [...teams, { team: { id: "add" } }].sort((a, b) => {
+  const sortedTeams = teams.sort((a, b) => {
     if (a.team.id === selectedId) return -1;
     if (b.team.id === selectedId) return 1;
 
@@ -46,7 +46,7 @@ export function TeamDropdown({ selectedTeamId: initialId, teams }: Props) {
   return (
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
       <motion.div ref={ref} layout className="w-[32px] h-[32px] relative">
-        {sortedTeams.map(({ team }, index) => (
+        {[...sortedTeams, { team: { id: "add" } }].map(({ team }, index) => (
           <motion.div
             key={team.id}
             className="w-[32px] h-[32px] left-0 overflow-hidden absolute"

apps/engine/tasks/download-gocardless.ts

@@ -0,0 +1,24 @@
+import { getFileExtension } from "@/utils/logo";
+import { batchPromises, saveImageFromURL } from "./utils";
+
+const GO_CARDLESS_CDN = "https://cdn-logos.gocardless.com/ais/";
+
+async function main() {
+  const response = await fetch(
+    "https://bankaccountdata.gocardless.com/api/v2/institutions/",
+  );
+
+  const data = await response.json();
+
+  console.log(data);
+
+  const tasks = data?.map(async (institution) => {
+    const fileName = `${institution.id}.${getFileExtension(institution.logo)}`;
+
+    return saveImageFromURL(`${GO_CARDLESS_CDN}/${fileName}`, fileName);
+  });
+
+  await batchPromises(tasks);
+}
+
+main();