@undp/create-app 0.1.1 → 0.2.1

package/bin/generateTemplates/templates/router+query/App.txt

@@ -1,30 +0,0 @@
-import { H3 } from '@undp/design-system-react';
-
-import '@/styles/fonts.css';
-import '@/styles/style.css';
-import undpLogo from './assets/undp-logo-blue.svg';
-
-function App() {
-  return (
-    <div className='m-5'>
-      <div>
-        <img
-          src={undpLogo}
-          className='logo react mb-8'
-          alt='React logo'
-          width='72px'
-          style={{ marginLeft: 'auto', marginRight: 'auto' }}
-        />
-      </div>
-      <H3 className='text-center'>
-        This is template for building visualization and frontend project
-        maintained by UNDP&apos;s DAI Hub.
-        <br />
-        <br />
-        Contact us at data@undp.org if you have any feedback or questions.
-      </H3>
-    </div>
-  );
-}
-
-export default App;

package/bin/generateTemplates/templates/router+query/components/Footer.txt

@@ -1,20 +0,0 @@
-import {
-  Footer,
-  FooterLogoUnit,
-  FooterCopyrightUnit,
-} from '@undp/design-system-react/Footer';
-
-
-
-export default function Header() {
-  return (
-    <Footer>
-      <FooterLogoUnit>
-        subscribe to email
-      </FooterLogoUnit>
-      <FooterCopyrightUnit>
-        Footnote can be added here
-      </FooterCopyrightUnit>
-    </Footer>
-  )
-}

package/bin/generateTemplates/templates/router+query/routes/queryDemo.txt

@@ -1,56 +0,0 @@
-import { createRoute } from '@tanstack/react-router';
-import { useQuery } from '@tanstack/react-query';
-import type { RootRoute } from '@tanstack/react-router';
-import { Spinner } from '@undp/design-system-react/Spinner';
-
-function useTodoData() {
-  return useQuery({
-    queryKey: ['todos'],
-    queryFn: () =>
-      Promise.resolve([
-        { id: 1, name: 'Alice' },
-        { id: 2, name: 'Bob' },
-        { id: 3, name: 'Charlie' },
-      ]),
-    initialData: [],
-  });
-}
-
-function TanStackQueryDemo() {
-  const { data, isLoading, isError } = useTodoData();
-
-  if (isLoading) return <Spinner size='lg' className='my-20 m-auto' />;
-
-  if (isError)
-    return (
-      <div className='px-4 mx-auto'>
-        <div>Error</div>
-      </div>
-    );
-  return (
-    <div className='m-5'>
-      <div>
-        <img
-          src={undpLogo}
-          className='logo react mb-8'
-          alt='React logo'
-          width='72px'
-          style={{ marginLeft: 'auto', marginRight: 'auto' }}
-        />
-      </div>
-      <H3 className='text-center'>
-        Data loaded successfully
-        <br />
-        <br />
-        {data.length} elements in the query
-      </H3>
-    </div>
-  );
-}
-
-export default (parentRoute: RootRoute) =>
-  createRoute({
-    path: '/query-demo',
-    component: TanStackQueryDemo,
-    getParentRoute: () => parentRoute,
-  });