ci(workflows): update Node.js versions and dependencies; feat(website): select theme and modify

.github/workflows/node.js.yml

@@ -4,30 +4,26 @@
 name: Node.js CI
 
 on:
-  push:
-    branches: [ main ]
-  pull_request:
-    branches: [ main ]
+    push:
+        branches: [main]
+    pull_request:
+        branches: [main]
 
 jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [14.x, 15.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: create env file
-      run: |
-        touch .env
-        echo TOKEN=${{ secrets.TOKEN }} >> .env
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm ci
-    - run: npm test
+    build:
+        runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [20.x, 18.x, 16.x]
+        steps:
+            - uses: actions/checkout@v4
+            - name: create env file
+              run: |
+                  touch .env
+                  echo TOKEN=${{ secrets.TOKEN }} >> .env
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v4
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - run: npm ci
+            - run: npm test

__test__/__snapshots__/svgs.test.ts.snap

@@ -1,16 +1,16 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`SVG Testing Test SVGs 1`] = `
 "
     <svg
-        width=\\"20\\"
-        height=\\"10\\"
-        viewBox=\\"0 0 20 10\\"
-        fill=\\"none\\"
-        xmlns=\\"http://www.w3.org/2000/svg\\">
-            <rect xmlns=\\"http://www.w3.org/2000/svg\\" data-testid=\\"card_bg\\" id=\\"cardBg\\"
-            x=\\"0\\" y=\\"0\\" rx=\\"0\\" height=\\"100%\\" stroke=\\"#E4E2E2\\" fill-opacity=\\"1\\"
-            width=\\"100%\\" fill=\\"#44475a\\" stroke-opacity=\\"1\\" style=\\"stroke:#0000; stroke-width:1;\\"/>
+        width="20"
+        height="10"
+        viewBox="0 0 20 10"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+            <rect xmlns="http://www.w3.org/2000/svg" data-testid="card_bg" id="cardBg"
+            x="0" y="0" rx="0" height="100%" stroke="#E4E2E2" fill-opacity="1"
+            width="100%" fill="#44475a" stroke-opacity="1" style="stroke:#0000; stroke-width:1;"/>
 
             <style>
                 body {
@@ -159,8 +159,8 @@ exports[`SVG Testing Test SVGs 1`] = `
 
             </style>
 
-            <foreignObject x=\\"0\\" y=\\"0\\" width=\\"20\\" height=\\"50\\">
-                <h1 xmlns=\\"http://www.w3.org/1999/xhtml\\" class=\\"header\\">
+            <foreignObject x="0" y="0" width="20" height="50">
+                <h1 xmlns="http://www.w3.org/1999/xhtml" class="header">
                     graphSvg
                 </h1>
             </foreignObject>
@@ -172,35 +172,35 @@ exports[`SVG Testing Test SVGs 1`] = `
 exports[`SVG Testing Test SVGs 2`] = `
 "
     <svg
-        width=\\"400\\"
-        height=\\"200\\"
-        viewBox=\\"0 0 420 200\\"
-        fill=\\"none\\"
-        xmlns=\\"http://www.w3.org/2000/svg\\">
+        width="400"
+        height="200"
+        viewBox="0 0 420 200"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg">
         <style>
                 svg {
                     font: 600 14px 'Segoe UI', Ubuntu, Sans-Serif;
                 }
         </style>
-        <rect xmlns=\\"http://www.w3.org/2000/svg\\" data-testid=\\"card_bg\\" id=\\"cardBg\\" x=\\"0.5\\"
-        y=\\"0.5\\" rx=\\"4.5\\" height=\\"100%\\" stroke=\\"#E4E2E2\\" fill-opacity=\\"1\\" width=\\"100%\\"
-        fill=\\"#44475a\\" stroke-opacity=\\"1\\"/>
-        <text x=\\"20\\" y=\\"100\\" fill=\\"#bd93f9\\">User not found!</text>
+        <rect xmlns="http://www.w3.org/2000/svg" data-testid="card_bg" id="cardBg" x="0.5"
+        y="0.5" rx="4.5" height="100%" stroke="#E4E2E2" fill-opacity="1" width="100%"
+        fill="#44475a" stroke-opacity="1"/>
+        <text x="20" y="100" fill="#bd93f9">User not found!</text>
     </svg>
 "
 `;
 
 exports[`SVG Testing chart SVGs 1`] = `
 "
     <svg
-        width=\\"1200\\"
-        height=\\"420\\"
-        viewBox=\\"0 0 1200 420\\"
-        fill=\\"none\\"
-        xmlns=\\"http://www.w3.org/2000/svg\\">
-            <rect xmlns=\\"http://www.w3.org/2000/svg\\" data-testid=\\"card_bg\\" id=\\"cardBg\\"
-            x=\\"0\\" y=\\"0\\" rx=\\"8\\" height=\\"100%\\" stroke=\\"#E4E2E2\\" fill-opacity=\\"1\\"
-            width=\\"100%\\" fill=\\"#ffcfe9\\" stroke-opacity=\\"1\\" style=\\"stroke:#ffffff; stroke-width:1;\\"/>
+        width="1200"
+        height="420"
+        viewBox="0 0 1200 420"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+            <rect xmlns="http://www.w3.org/2000/svg" data-testid="card_bg" id="cardBg"
+            x="0" y="0" rx="8" height="100%" stroke="#E4E2E2" fill-opacity="1"
+            width="100%" fill="#ffcfe9" stroke-opacity="1" style="stroke:#ffffff; stroke-width:1;"/>
 
             <style>
                 body {
@@ -349,12 +349,12 @@ exports[`SVG Testing chart SVGs 1`] = `
 
             </style>
 
-            <foreignObject x=\\"0\\" y=\\"0\\" width=\\"1200\\" height=\\"50\\">
-                <h1 xmlns=\\"http://www.w3.org/1999/xhtml\\" class=\\"header\\">
+            <foreignObject x="0" y="0" width="1200" height="50">
+                <h1 xmlns="http://www.w3.org/1999/xhtml" class="header">
                     xyz's Contribution Graph
                 </h1>
             </foreignObject>
-            <svg xmlns:ct=\\"http://gionkunz.github.com/chartist-js/ct\\" width=\\"1200\\" height=\\"420\\" class=\\"ct-chart-line\\"><g class=\\"ct-grids\\"><line x1=\\"90\\" x2=\\"90\\" y1=\\"80\\" y2=\\"350\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"355\\" x2=\\"355\\" y1=\\"80\\" y2=\\"350\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"620\\" x2=\\"620\\" y1=\\"80\\" y2=\\"350\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"885\\" x2=\\"885\\" y1=\\"80\\" y2=\\"350\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"1150\\" x2=\\"1150\\" y1=\\"80\\" y2=\\"350\\" class=\\"ct-grid ct-horizontal\\"></line><line y1=\\"350\\" y2=\\"350\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"311.42857142857144\\" y2=\\"311.42857142857144\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"272.8571428571429\\" y2=\\"272.8571428571429\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"234.28571428571428\\" y2=\\"234.28571428571428\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"195.71428571428572\\" y2=\\"195.71428571428572\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"157.14285714285714\\" y2=\\"157.14285714285714\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"118.57142857142858\\" y2=\\"118.57142857142858\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line><line y1=\\"80\\" y2=\\"80\\" x1=\\"90\\" x2=\\"1150\\" class=\\"ct-grid ct-vertical\\"></line></g><g><g class=\\"ct-series ct-series-a\\"><path d=\\"M90,311.429C178.333,305,266.667,303.393,355,292.143C443.333,280.893,531.667,177.143,620,157.143C708.333,137.143,796.667,131.429,885,118.571C973.333,105.714,1061.667,92.857,1150,80\\" class=\\"ct-line\\"></path><line x1=\\"90\\" y1=\\"311.42857142857144\\" x2=\\"90.01\\" y2=\\"311.42857142857144\\" class=\\"ct-point\\" ct:value=\\"2\\"></line><line x1=\\"355\\" y1=\\"292.14285714285717\\" x2=\\"355.01\\" y2=\\"292.14285714285717\\" class=\\"ct-point\\" ct:value=\\"3\\"></line><line x1=\\"620\\" y1=\\"157.14285714285714\\" x2=\\"620.01\\" y2=\\"157.14285714285714\\" class=\\"ct-point\\" ct:value=\\"10\\"></line><line x1=\\"885\\" y1=\\"118.57142857142858\\" x2=\\"885.01\\" y2=\\"118.57142857142858\\" class=\\"ct-point\\" ct:value=\\"12\\"></line><line x1=\\"1150\\" y1=\\"80\\" x2=\\"1150.01\\" y2=\\"80\\" class=\\"ct-point\\" ct:value=\\"14\\"></line></g></g><g class=\\"ct-labels\\"><text x=\\"85.5\\" y=\\"370\\" width=\\"265\\" height=\\"40\\" class=\\"ct-label ct-horizontal ct-end\\">1</text><text x=\\"350.5\\" y=\\"370\\" width=\\"265\\" height=\\"40\\" class=\\"ct-label ct-horizontal ct-end\\">2</text><text x=\\"615.5\\" y=\\"370\\" width=\\"265\\" height=\\"40\\" class=\\"ct-label ct-horizontal ct-end\\">1</text><text x=\\"880.5\\" y=\\"370\\" width=\\"265\\" height=\\"40\\" class=\\"ct-label ct-horizontal ct-end\\">1</text><text x=\\"1145.5\\" y=\\"370\\" width=\\"30\\" height=\\"40\\" class=\\"ct-label ct-horizontal ct-end\\">1</text><text y=\\"354.5\\" x=\\"80\\" height=\\"38.57142857142857\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">0</text><text y=\\"315.92857142857144\\" x=\\"80\\" height=\\"38.57142857142857\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">2</text><text y=\\"277.3571428571429\\" x=\\"80\\" height=\\"38.57142857142857\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">4</text><text y=\\"238.78571428571428\\" x=\\"80\\" height=\\"38.57142857142857\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">6</text><text y=\\"200.21428571428572\\" x=\\"80\\" height=\\"38.571428571428584\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">8</text><text y=\\"161.64285714285714\\" x=\\"80\\" height=\\"38.571428571428555\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">10</text><text y=\\"123.07142857142858\\" x=\\"80\\" height=\\"38.571428571428584\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">12</text><text y=\\"84.5\\" x=\\"80\\" height=\\"30\\" width=\\"60\\" class=\\"ct-label ct-vertical ct-start\\">14</text></g><text class=\\"ct-axis-title ct-label\\" x=\\"620\\" y=\\"400\\" dominant-baseline=\\"text-after-edge\\" text-anchor=\\"middle\\">Days</text><text class=\\"ct-axis-title ct-label\\" x=\\"20\\" y=\\"215\\" transform=\\"rotate(-90, 20, 215)\\" dominant-baseline=\\"hanging\\" text-anchor=\\"middle\\">Contributions</text></svg>
+            <svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="1200" height="420" class="ct-chart-line"><g class="ct-grids"><line x1="90" x2="90" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="355" x2="355" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="620" x2="620" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="885" x2="885" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line x1="1150" x2="1150" y1="80" y2="350" class="ct-grid ct-horizontal"></line><line y1="350" y2="350" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="311.42857142857144" y2="311.42857142857144" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="272.8571428571429" y2="272.8571428571429" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="234.28571428571428" y2="234.28571428571428" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="195.71428571428572" y2="195.71428571428572" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="157.14285714285714" y2="157.14285714285714" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="118.57142857142858" y2="118.57142857142858" x1="90" x2="1150" class="ct-grid ct-vertical"></line><line y1="80" y2="80" x1="90" x2="1150" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><path d="M90,311.429C178.333,305,266.667,303.393,355,292.143C443.333,280.893,531.667,177.143,620,157.143C708.333,137.143,796.667,131.429,885,118.571C973.333,105.714,1061.667,92.857,1150,80" class="ct-line"></path><line x1="90" y1="311.42857142857144" x2="90.01" y2="311.42857142857144" class="ct-point" ct:value="2"></line><line x1="355" y1="292.14285714285717" x2="355.01" y2="292.14285714285717" class="ct-point" ct:value="3"></line><line x1="620" y1="157.14285714285714" x2="620.01" y2="157.14285714285714" class="ct-point" ct:value="10"></line><line x1="885" y1="118.57142857142858" x2="885.01" y2="118.57142857142858" class="ct-point" ct:value="12"></line><line x1="1150" y1="80" x2="1150.01" y2="80" class="ct-point" ct:value="14"></line></g></g><g class="ct-labels"><text x="85.5" y="370" width="265" height="40" class="ct-label ct-horizontal ct-end">1</text><text x="350.5" y="370" width="265" height="40" class="ct-label ct-horizontal ct-end">2</text><text x="615.5" y="370" width="265" height="40" class="ct-label ct-horizontal ct-end">1</text><text x="880.5" y="370" width="265" height="40" class="ct-label ct-horizontal ct-end">1</text><text x="1145.5" y="370" width="30" height="40" class="ct-label ct-horizontal ct-end">1</text><text y="354.5" x="80" height="38.57142857142857" width="60" class="ct-label ct-vertical ct-start">0</text><text y="315.92857142857144" x="80" height="38.57142857142857" width="60" class="ct-label ct-vertical ct-start">2</text><text y="277.3571428571429" x="80" height="38.57142857142857" width="60" class="ct-label ct-vertical ct-start">4</text><text y="238.78571428571428" x="80" height="38.57142857142857" width="60" class="ct-label ct-vertical ct-start">6</text><text y="200.21428571428572" x="80" height="38.571428571428584" width="60" class="ct-label ct-vertical ct-start">8</text><text y="161.64285714285714" x="80" height="38.571428571428555" width="60" class="ct-label ct-vertical ct-start">10</text><text y="123.07142857142858" x="80" height="38.571428571428584" width="60" class="ct-label ct-vertical ct-start">12</text><text y="84.5" x="80" height="30" width="60" class="ct-label ct-vertical ct-start">14</text></g><text class="ct-axis-title ct-label" x="620" y="400" dominant-baseline="text-after-edge" text-anchor="middle">Days</text><text class="ct-axis-title ct-label" x="20" y="215" transform="rotate(-90, 20, 215)" dominant-baseline="hanging" text-anchor="middle">Contributions</text></svg>
     </svg>
 "
 `;

__test__/__snapshots__/utils.test.ts.snap

@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`Utilities Test Graph Generation 1`] = `"<svg xmlns:ct=\\"http://gionkunz.github.com/chartist-js/ct\\" width=\\"10\\" height=\\"5\\" class=\\"ct-chart-line\\"><g class=\\"ct-grids\\"><line x1=\\"50\\" x2=\\"50\\" y1=\\"15\\" y2=\\"16\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"50.2\\" x2=\\"50.2\\" y1=\\"15\\" y2=\\"16\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"50.4\\" x2=\\"50.4\\" y1=\\"15\\" y2=\\"16\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"50.6\\" x2=\\"50.6\\" y1=\\"15\\" y2=\\"16\\" class=\\"ct-grid ct-horizontal\\"></line><line x1=\\"50.8\\" x2=\\"50.8\\" y1=\\"15\\" y2=\\"16\\" class=\\"ct-grid ct-horizontal\\"></line><line y1=\\"16\\" y2=\\"16\\" x1=\\"50\\" x2=\\"51\\" class=\\"ct-grid ct-vertical\\"></line></g><g><g class=\\"ct-series ct-series-a\\"><path d=\\"M50,15.9C50.067,15.883,50.133,15.879,50.2,15.85C50.267,15.821,50.333,15.552,50.4,15.5C50.467,15.448,50.533,15.433,50.6,15.4C50.667,15.367,50.733,15.333,50.8,15.3\\" class=\\"ct-line\\"></path><line x1=\\"50\\" y1=\\"15.9\\" x2=\\"50.01\\" y2=\\"15.9\\" class=\\"ct-point\\" ct:value=\\"2\\"></line><line x1=\\"50.2\\" y1=\\"15.85\\" x2=\\"50.21\\" y2=\\"15.85\\" class=\\"ct-point\\" ct:value=\\"3\\"></line><line x1=\\"50.4\\" y1=\\"15.5\\" x2=\\"50.41\\" y2=\\"15.5\\" class=\\"ct-point\\" ct:value=\\"10\\"></line><line x1=\\"50.6\\" y1=\\"15.4\\" x2=\\"50.61\\" y2=\\"15.4\\" class=\\"ct-point\\" ct:value=\\"12\\"></line><line x1=\\"50.8\\" y1=\\"15.3\\" x2=\\"50.809999999999995\\" y2=\\"15.3\\" class=\\"ct-point\\" ct:value=\\"14\\"></line></g></g><g class=\\"ct-labels\\"><text x=\\"50\\" y=\\"36\\" width=\\"0.2\\" height=\\"20\\" class=\\"ct-label ct-horizontal ct-end\\">1</text><text x=\\"50.2\\" y=\\"36\\" width=\\"0.2\\" height=\\"20\\" class=\\"ct-label ct-horizontal ct-end\\">2</text><text x=\\"50.4\\" y=\\"36\\" width=\\"0.20000000000000007\\" height=\\"20\\" class=\\"ct-label ct-horizontal ct-end\\">3</text><text x=\\"50.6\\" y=\\"36\\" width=\\"0.19999999999999996\\" height=\\"20\\" class=\\"ct-label ct-horizontal ct-end\\">4</text><text x=\\"50.8\\" y=\\"36\\" width=\\"30\\" height=\\"20\\" class=\\"ct-label ct-horizontal ct-end\\">5</text><text y=\\"16\\" x=\\"40\\" height=\\"30\\" width=\\"30\\" class=\\"ct-label ct-vertical ct-start\\">0</text></g></svg>"`;
+exports[`Utilities Test Graph Generation 1`] = `"<svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="10" height="5" class="ct-chart-line"><g class="ct-grids"><line x1="50" x2="50" y1="15" y2="16" class="ct-grid ct-horizontal"></line><line x1="50.2" x2="50.2" y1="15" y2="16" class="ct-grid ct-horizontal"></line><line x1="50.4" x2="50.4" y1="15" y2="16" class="ct-grid ct-horizontal"></line><line x1="50.6" x2="50.6" y1="15" y2="16" class="ct-grid ct-horizontal"></line><line x1="50.8" x2="50.8" y1="15" y2="16" class="ct-grid ct-horizontal"></line><line y1="16" y2="16" x1="50" x2="51" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><path d="M50,15.9C50.067,15.883,50.133,15.879,50.2,15.85C50.267,15.821,50.333,15.552,50.4,15.5C50.467,15.448,50.533,15.433,50.6,15.4C50.667,15.367,50.733,15.333,50.8,15.3" class="ct-line"></path><line x1="50" y1="15.9" x2="50.01" y2="15.9" class="ct-point" ct:value="2"></line><line x1="50.2" y1="15.85" x2="50.21" y2="15.85" class="ct-point" ct:value="3"></line><line x1="50.4" y1="15.5" x2="50.41" y2="15.5" class="ct-point" ct:value="10"></line><line x1="50.6" y1="15.4" x2="50.61" y2="15.4" class="ct-point" ct:value="12"></line><line x1="50.8" y1="15.3" x2="50.809999999999995" y2="15.3" class="ct-point" ct:value="14"></line></g></g><g class="ct-labels"><text x="50" y="36" width="0.2" height="20" class="ct-label ct-horizontal ct-end">1</text><text x="50.2" y="36" width="0.2" height="20" class="ct-label ct-horizontal ct-end">2</text><text x="50.4" y="36" width="0.20000000000000007" height="20" class="ct-label ct-horizontal ct-end">3</text><text x="50.6" y="36" width="0.19999999999999996" height="20" class="ct-label ct-horizontal ct-end">4</text><text x="50.8" y="36" width="30" height="20" class="ct-label ct-horizontal ct-end">5</text><text y="16" x="40" height="30" width="30" class="ct-label ct-vertical ct-start">0</text></g></svg>"`;

__test__/fakeInputs.ts

@@ -106,6 +106,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -125,6 +126,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -144,6 +146,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -163,6 +166,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -182,6 +186,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -201,6 +206,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -220,6 +226,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -239,6 +246,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
     {
         username: 'githubusername',
@@ -259,6 +267,7 @@ export let fakeQueryStringRes = [
         days: 31,
         from: '',
         to: '',
+        grid: true,
     },
 ];