Skip to content

Commit fc3d90b

Browse files
author
Bernie Zang
committed
feat(components): Add scroll to bottom button
1 parent c358b71 commit fc3d90b

File tree

9 files changed

+178
-2
lines changed

9 files changed

+178
-2
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
## Background
2020

21-
This library allows React developers to quickly and easily create a Cisco SPark experience within their apps. Here we provide basic components (e.g. buttons, text fields, icons) that reflect the styles and aesthetics of Spark, along with more complex, complete widgets, such as the Spark Message and Meet Widget.
21+
This library allows React developers to quickly and easily create a Cisco Spark experience within their apps. Here we provide basic components (e.g. buttons, text fields, icons) that reflect the styles and aesthetics of Spark, along with more complex, complete widgets, such as the Spark Message and Meet Widget.
2222

2323
The basic components are just presentational React <https://github.com/facebook/react> components, while our widgets leverage Redux <https://github.com/reactjs/redux> and the Spark Javascript SDK <https://github.com/ciscospark/spark-js-sdk>.
2424

packages/node_modules/@ciscospark/react-component-button/src/index.js

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/node_modules/@ciscospark/react-component-scroll-to-bottom-button/package.json

Lines changed: 15 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/node_modules/@ciscospark/react-component-scroll-to-bottom-button/src/__snapshots__/index.test.js.snap

Lines changed: 37 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/node_modules/@ciscospark/react-component-scroll-to-bottom-button/src/index.js

Lines changed: 37 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/node_modules/@ciscospark/react-component-scroll-to-bottom-button/src/index.test.js

Lines changed: 22 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/node_modules/@ciscospark/react-component-scroll-to-bottom-button/src/styles.css

Lines changed: 59 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/demo.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,8 @@ import {
2020
NewMessagesSeparator,
2121
DaySeparator,
2222
LoadingScreen,
23-
Spinner
23+
Spinner,
24+
ScrollToBottomButton
2425
} from './';
2526

2627
import styles from './styles.css';
@@ -62,6 +63,7 @@ export default function Root() {
6263
</div>
6364
<div className={styles.component} ><Spinner /></div>
6465
<div className={styles.component} ><LoadingScreen loadingMessage="Loading Cisco Spark" /></div>
66+
<div className={styles.component} ><ScrollToBottomButton onClick={onClick} /></div>
6567
</div>
6668
);
6769
}

src/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,4 @@ export {default as NewMessagesSeparator} from '@ciscospark/react-component-new-m
2121
export {default as FileStagingArea} from '@ciscospark/react-component-file-staging-area';
2222
export {default as Spinner} from '@ciscospark/react-component-spinner';
2323
export {default as LoadingScreen} from '@ciscospark/react-component-loading-screen';
24+
export {default as ScrollToBottomButton} from '@ciscospark/react-component-scroll-to-bottom-button';

0 commit comments

Comments
 (0)