Skip to content
This repository was archived by the owner on May 13, 2025. It is now read-only.

add text for stream creation modal #243

Merged
merged 1 commit into from
May 15, 2024
Merged

add text for stream creation modal #243

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/pages/Home/CreateStreamModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ const { toggleCreateStreamModal } = appStoreReducers;

const isValidStreamName = (val: string) => {
if (!/[A-Za-z]/.test(val)) {
return 'Name should contain atleast one letter';
return 'Name should contain at least one letter';
} else if (_.includes(val, ' ')) {
return 'Name should not contain whitespace';
} else if (!/^[a-zA-Z0-9]+$/.test(val)) {
Expand Down Expand Up @@ -123,7 +123,7 @@ const SchemaTypeField = (props: { inputProps: GetInputPropsReturnType }) => {
<IconInfoCircleFilled className={styles.infoTooltipIcon} stroke={1.4} height={18} width={18} />
</Tooltip>
</Stack>
<Text className={styles.fieldDescription}>Choose dynamic, evolving schema or fixed, static schema.</Text>
<Text className={styles.fieldDescription}>Choose dynamic or static schema</Text>
</Stack>
<Select w={200} data={[dynamicType, staticType]} {...props.inputProps} />
</Stack>
Expand All @@ -135,17 +135,17 @@ const PartitionLimitField = (props: { inputProps: GetInputPropsReturnType }) =>
<Stack gap={2} style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<Stack gap={1}>
<Stack style={{ flexDirection: 'row', alignItems: 'center' }} gap={4}>
<Text className={styles.fieldTitle}>Partition Limit</Text>
<Text className={styles.fieldTitle}>Maximum Historical Difference</Text>
<Tooltip
multiline
w={220}
withArrow
transitionProps={{ duration: 200 }}
label="Dynamic schema allows new fields to be added to a stream later. Static schema is fixed for the lifetime of the stream.">
label="Maximum difference between current server time and timestamp in the custom time partition field" >
<IconInfoCircleFilled className={styles.infoTooltipIcon} stroke={1.4} height={18} width={18} />
</Tooltip>
</Stack>
<Text className={styles.fieldDescription}>Default value is set to 30 days.</Text>
<Text className={styles.fieldDescription}>Default limit is set to 30 days</Text>
</Stack>
<NumberInput w={200} styles={{section: {"--section-size": 'none', padding: 12}}} {...props.inputProps} rightSection={<Text>Days</Text>}/>
</Stack>
Expand Down Expand Up @@ -177,7 +177,7 @@ const PartitionField = (props: {
<Stack gap={2} style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<Stack gap={1}>
<Stack style={{ flexDirection: 'row', alignItems: 'center' }} gap={4}>
<Text className={styles.fieldTitle}>Partition Field</Text>
<Text className={styles.fieldTitle}>Time Partition Field</Text>
<Tooltip
multiline
w={220}
Expand All @@ -187,7 +187,7 @@ const PartitionField = (props: {
<IconInfoCircleFilled className={styles.infoTooltipIcon} stroke={1.4} height={18} width={18} />
</Tooltip>
</Stack>
<Text className={styles.fieldDescription}>Select the time column to partition log events.</Text>
<Text className={styles.fieldDescription}>Select the time field to partition log events</Text>
</Stack>
<CreatableSelect
data={data}
Expand Down Expand Up @@ -221,11 +221,11 @@ const CustomPartitionField = (props: {
w={220}
withArrow
transitionProps={{ duration: 200 }}
label="This allows querying events based on custom timestamp selected here.">
label="Partition data storage based on fields and their values">
<IconInfoCircleFilled className={styles.infoTooltipIcon} stroke={1.4} height={18} width={18} />
</Tooltip>
</Stack>
<Text className={styles.fieldDescription}>Upto 3 columns</Text>
<Text className={styles.fieldDescription}>Select 3 columns to partition the events</Text>
</Stack>
<TagsInput
placeholder={
Expand Down