❤️ This is the last time we let Hanlle commit ascii porn in the comme…

…nts. 😍

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,31 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: Bug
+assignees: nicodinh
+
+---
+
+## *Who* is the bug affecting?
+<!-- Ex. All supervisors, Sally Supervisor, Level 1 CCs -->
+
+## *What* is affected by this bug?
+<!-- Ex. supervision, sending messages, texter profiles -->
+
+## *When* does this occur?
+<!-- Ex. After ending a conversation, every night at 3pm, when I sign off -->
+
+## *Where* on the platform does it happen?
+<!-- Ex. In the a Supervisor chat box, on the conversation profile page, on the two-factor screen -->
+
+
+## *How* do we replicate the issue?
+<!-- Please be specific as possible. Use dashes (-) or numbers (1.) to create a list of steps -->
+
+
+## Expected behavior (i.e. solution)
+<!-- What should have happened? -->
+
+
+## Other Comments/Screenshots

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Discord Community Chat
+    url: https://discord.gg/PvDca3
+    about: Please ask and answer questions here.
+#   - name: GitHub Security Bug Bounty
+#     url: https://bounty.github.com/
+#     about: Please report security vulnerabilities here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: Feature
+assignees: nicodinh
+
+---
+
+## **Is your feature request related to a problem? Please describe.**
+<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
+
+## **Describe the solution you'd like**
+<!-- A clear and concise description of what you want to happen. -->
+
+## **Describe alternatives you've considered**
+<!-- A clear and concise description of any alternative solutions or features you've considered. -->
+
+## **Additional context**
+<!-- Add any other context or screenshots about the feature request here. -->

.github/pull_request_template.md

@@ -0,0 +1,28 @@
+<!--- Provide a general summary of your changes in the Title above -->
+
+## Description
+<!--- Describe your changes in detail -->
+
+## Motivation and Context
+<!--- Why is this change required? What problem does it solve? -->
+<!--- If it fixes an open issue, please link to the issue here. -->
+
+## How Has This Been Tested?
+<!--- Please describe in detail how you tested your changes. -->
+<!--- Include details of your testing environment, tests ran to see how -->
+<!--- your change affects other areas of the code, etc. -->
+
+## Screenshots (if appropriate):
+
+## Types of changes
+<!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+
+## Checklist:
+<!--- Go over all the following points, and put an `x` in all the boxes that apply. -->
+<!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
+- [ ] My code follows the code style of this project.
+- [ ] My change requires a change to the documentation.
+- [ ] I have updated the documentation accordingly.

components/BatteryChart.js

@@ -1,12 +1,30 @@
 import React from 'react'
-import { VictoryChart, VictoryLine, VictoryTheme, VictoryLegend } from 'victory'
+import {
+  VictoryChart,
+  VictoryLine,
+  VictoryTheme,
+  VictoryLegend,
+  VictoryContainer
+} from 'victory'
+import { useStoreState } from 'easy-peasy'
 
 const BatteryChart = () => {
+  const { chartValues, values } = useStoreState(state => state.battery)
+
   return (
     <div className='max-w-sm rounded overflow-hidden m-auto bg-orange-100'>
       <VictoryChart
         domain={{ x: [-10, 0], y: [0, 100] }}
         theme={VictoryTheme.material}
+        containerComponent={
+          <VictoryContainer
+            style={{
+              userSelect: 'auto !important',
+              pointerEvents: 'auto !important',
+              touchAction: 'auto !important'
+            }}
+          />
+        }
       >
         <VictoryLegend
           x={130}
@@ -19,21 +37,14 @@ const BatteryChart = () => {
             border: { stroke: 'black' },
             title: { fontSize: 16 }
           }}
-          data={[{ name: 'Charge. %', symbol: { fill: 'green' } }]}
+          data={[{ name: 'Charge. %', symbol: { fill: 'blue' } }]}
         />
         <VictoryLine
           style={{
-            data: { stroke: 'green' },
+            data: { stroke: 'blue', strokeWidth: 2 },
             parent: { border: '1px solid #ccc' }
           }}
-          data={[
-            { x: -10, y: 100 },
-            { x: -8, y: 80 },
-            { x: -6, y: 40 },
-            { x: -2, y: 55 },
-            { x: -1, y: 60 },
-            { x: 0, y: 80 }
-          ]}
+          data={values.length > 1 ? chartValues : []}
         />
       </VictoryChart>
     </div>