mirror of
https://github.com/streetwriters/notesnook.git
synced 2025-12-16 19:57:52 +01:00
94 lines
2.3 KiB
JavaScript
94 lines
2.3 KiB
JavaScript
/*
|
|
This file is part of the Notesnook project (https://notesnook.com/)
|
|
|
|
Copyright (C) 2022 Streetwriters (Private) Limited
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { ScrollView } from "react-native";
|
|
import { FeatureBlock } from "./feature";
|
|
|
|
export const CompactFeatures = ({
|
|
vertical,
|
|
features = [],
|
|
maxHeight = 500,
|
|
scrollRef
|
|
}) => {
|
|
let data = vertical
|
|
? features
|
|
: [
|
|
{
|
|
highlight: "Everything",
|
|
content: "in basic",
|
|
icon: "emoticon-wink"
|
|
},
|
|
{
|
|
highlight: "Unlimited",
|
|
content: "notebooks",
|
|
icon: "notebook"
|
|
},
|
|
{
|
|
highlight: "File & image",
|
|
content: "attachments",
|
|
icon: "attachment"
|
|
},
|
|
{
|
|
highlight: "Instant",
|
|
content: "syncing",
|
|
icon: "sync"
|
|
},
|
|
{
|
|
highlight: "Private",
|
|
content: "vault",
|
|
icon: "shield"
|
|
},
|
|
{
|
|
highlight: "Rich text",
|
|
content: "editing",
|
|
icon: "square-edit-outline"
|
|
},
|
|
{
|
|
highlight: "PDF & markdown",
|
|
content: "exports",
|
|
icon: "file"
|
|
},
|
|
{
|
|
highlight: "Encrypted",
|
|
content: "backups",
|
|
icon: "backup-restore"
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ScrollView
|
|
horizontal={!vertical}
|
|
nestedScrollEnabled
|
|
onMomentumScrollEnd={() => {
|
|
scrollRef?.current?.handleChildScrollEnd();
|
|
}}
|
|
showsHorizontalScrollIndicator={false}
|
|
style={{
|
|
width: "100%",
|
|
maxHeight: maxHeight
|
|
}}
|
|
>
|
|
{data.map((item) => (
|
|
<FeatureBlock key={item.highlight} vertical={vertical} {...item} />
|
|
))}
|
|
</ScrollView>
|
|
);
|
|
};
|