[wip] Items repo

scripts/migrate/index.js

@@ -1,10 +1,15 @@
-const { SiteClient } = require('datocms-client');
+const { SiteClient, Loader } = require('datocms-client');
 
-const datocmsClient = new SiteClient('0ef9d273001e4484d53bec08550899');
+const client = new SiteClient('0ef9d273001e4484d53bec08550899');
+const loader = new Loader(client);
 
-datocmsClient.items.all({}, { allPages: true }).then(items => {
-  console.log(items.length);
-});
+const getData = async () => {
+  await loader.load();
+  console.log(loader);
+  console.log(loader.itemsRepo);
+};
+
+getData();
 
 // Dato Models
 // [ { id: '26697',

src/App/pages/Home/style.css

@@ -127,13 +127,15 @@
     }
 
     & .issue-details {
-      flex: 0 1 50%;
+      flex: 0 1 100%;
       display: flex;
       flex-direction: column;
       justify-content: center;
+      padding: 0 var(--s-block-spacing);
 
-      @media(--g-large-viewport) {
+      @media(--g-medium-viewport) {
         flex-basis: 30%;
+        padding: 0;
       }
     }
 
@@ -149,7 +151,7 @@
         object-position: right;
         max-width: none;
         position: relative;
-        left: -10%;
+        left: -15%;
         transform: scale(1.3);
 
         @media(--g-large-viewport) {

src/datocms/new-fetch.js

@@ -0,0 +1,13 @@
+import { SiteClient, Loader } from 'datocms-client';
+// import FileCache from './cache/file';
+
+// const cache = new FileCache({ refresh: process.env.REFRESH_FILE_CACHE });
+const client = new SiteClient('0ef9d273001e4484d53bec08550899');
+const loader = new Loader(client);
+
+export default async () => {
+  await loader.load();
+
+  console.log(loader);
+  console.log(loader.itemsRepo);
+};