parent
c73bcf8a57
commit
7cb59dc957
14 changed files with 68 additions and 205 deletions
@ -0,0 +1,16 @@ |
||||
import { useUserContext } from '../../../contexts/UserContext' |
||||
|
||||
import './style.scss' |
||||
|
||||
export const AppFooter = () => { |
||||
const { user, selectedAccount } = useUserContext() |
||||
|
||||
return ( |
||||
<div className="stax-footer"> |
||||
<p>User: {user?.name}</p> |
||||
<p>|</p> |
||||
<p>Budget: {selectedAccount?.name}</p> |
||||
<p>|</p> |
||||
</div> |
||||
) |
||||
} |
@ -0,0 +1,16 @@ |
||||
.stax-footer { |
||||
position: fixed; |
||||
left: 0; |
||||
bottom: 0; |
||||
width: 100%; |
||||
background: #111a; |
||||
padding: 0 2ch; |
||||
font-size: 10pt; |
||||
|
||||
display: flex; |
||||
flex-direction: row; |
||||
|
||||
p { |
||||
margin: 1ch; |
||||
} |
||||
} |
@ -0,0 +1,11 @@ |
||||
.stax-header { |
||||
display: flex; |
||||
flex-direction: row; |
||||
width: 100%; |
||||
justify-content: space-around; |
||||
background: #111a; |
||||
|
||||
h1 { |
||||
margin: 0; |
||||
} |
||||
} |
@ -1,13 +1,6 @@ |
||||
{ |
||||
"name": "mvp-django-react", |
||||
"name": "cash-stacks", |
||||
"lockfileVersion": 2, |
||||
"requires": true, |
||||
"packages": { |
||||
"node_modules/@dank-inc/data-buddy": { |
||||
"version": "0.1.3", |
||||
"resolved": "https://registry.npmjs.org/@dank-inc/data-buddy/-/data-buddy-0.1.3.tgz", |
||||
"integrity": "sha512-GreH0gs1Wf/8thCt53FrzX0ngMuIhrTBZJWa6tlqLIST4EgKgJN6IPei1o7bOqKPFmLIMS/DG6o1b/QAC57oXw==", |
||||
"license": "MIT" |
||||
} |
||||
} |
||||
"packages": {} |
||||
} |
||||
|
@ -1,7 +0,0 @@ |
||||
# Data Buddy |
||||
|
||||
Need a little mock data thingy? |
||||
|
||||
# Look no further! |
||||
|
||||
I will document this someday |
@ -1,13 +0,0 @@ |
||||
declare type DataRecord = { |
||||
id: string; |
||||
}; |
||||
export declare type DataBuddyParams<T extends DataRecord> = T[]; |
||||
export declare class DataBuddy<T extends DataRecord> { |
||||
data: T[]; |
||||
constructor(records: T[]); |
||||
get: () => T[]; |
||||
getOne: (id: string) => T | null; |
||||
update: (id: string, params: Partial<T>) => T | false; |
||||
delete: (id: string) => boolean; |
||||
} |
||||
export {}; |
@ -1,43 +0,0 @@ |
||||
"use strict"; |
||||
var __assign = (this && this.__assign) || function () { |
||||
__assign = Object.assign || function(t) { |
||||
for (var s, i = 1, n = arguments.length; i < n; i++) { |
||||
s = arguments[i]; |
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) |
||||
t[p] = s[p]; |
||||
} |
||||
return t; |
||||
}; |
||||
return __assign.apply(this, arguments); |
||||
}; |
||||
Object.defineProperty(exports, "__esModule", { value: true }); |
||||
exports.DataBuddy = void 0; |
||||
var DataBuddy = (function () { |
||||
function DataBuddy(records) { |
||||
var _this = this; |
||||
this.get = function () { |
||||
return _this.data; |
||||
}; |
||||
this.getOne = function (id) { |
||||
return _this.data.find(function (record) { return record.id === id; }) || null; |
||||
}; |
||||
this.update = function (id, params) { |
||||
var index = _this.data.findIndex(function (record) { return record.id === id; }); |
||||
if (!index) |
||||
return false; |
||||
var record = _this.data[index]; |
||||
_this.data[index] = __assign(__assign({}, record), params); |
||||
return _this.data[index]; |
||||
}; |
||||
this.delete = function (id) { |
||||
var index = _this.data.findIndex(function (record) { return record.id === id; }); |
||||
if (!index) |
||||
return false; |
||||
_this.data.splice(index, 1); |
||||
return true; |
||||
}; |
||||
this.data = records; |
||||
} |
||||
return DataBuddy; |
||||
}()); |
||||
exports.DataBuddy = DataBuddy; |
@ -1,24 +0,0 @@ |
||||
{ |
||||
"name": "@dank-inc/data-buddy", |
||||
"version": "0.1.3", |
||||
"author": "Elijah Lucian", |
||||
"license": "MIT", |
||||
"description": "Need a little mock api data state buddy?", |
||||
"repository": { |
||||
"type": "git", |
||||
"url": "https://github.com/dank-inc/data-buddy" |
||||
}, |
||||
"files": [ |
||||
"lib" |
||||
], |
||||
"main": "index.js", |
||||
"scripts": { |
||||
"lint": "tsc --noEmit", |
||||
"compile": "rm -rf lib && tsc", |
||||
"deploy": "npm run compile && npm publish", |
||||
"test": "echo \"Error: no test specified\" && exit 1" |
||||
}, |
||||
"devDependencies": { |
||||
"typescript": "^4.2.4" |
||||
} |
||||
} |
Loading…
Reference in new issue